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