localhots/shezmu
1
0
Fork 0
Code Releases Activity

Make box plot more pretty

Browse Source
This commit is contained in:
Gregory Eremin 2015-10-29 03:05:59 +03:00
parent fde8762b77
commit 01cd8ebc15
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
dashboard/js/app.jsx
View File

@ -101,49 +101,49 @@ var BoxPlot = React.createClass({
return (
<g key={i}>
<line key="max"
x1={x1}
x2={x2}
x1={x1+2}
x2={x2-2}
y1={maxY}
y2={maxY}
strokeWidth={1}
style={{stroke: "#444"}} />
style={{stroke: "#aaa"}} />
<line key="max-bar"
x1={x1+width/2}
x2={x1+width/2}
y1={maxY}
y2={p75Y}
strokeDasharray="4,2"
strokeDasharray="3,1"
strokeWidth={1}
style={{stroke: "#444"}} />
style={{stroke: "#ccc"}} />
<rect key="iqr"
x={x1}
y={p75Y}
width={width}
height={p25Y - p75Y}
strokeWidth={1}
style={{fill: "transparent", stroke: "#444"}} />
style={{fill: "#f0f0f0", stroke: "#888"}} />
<line key="median"
x1={x1}
x2={x2}
y1={medianY}
y2={medianY}
strokeWidth={1}
strokeWidth={2}
style={{stroke: "#444"}} />
<line key="min-bar"
x1={x1+width/2}
x2={x1+width/2}
y1={minY}
y2={p25Y}
strokeDasharray="4,2"
strokeDasharray="3,1"
strokeWidth={1}
style={{stroke: "#444"}} />
style={{stroke: "#ccc"}} />
<line key="min"
x1={x1}
x2={x2}
x1={x1+2}
x2={x2-2}
y1={minY}
y2={minY}
strokeWidth={1}
style={{stroke: "#444"}} />
style={{stroke: "#aaa"}} />
</g>
);
};