Commit 2f03cf92 authored by Dorian Goepp's avatar Dorian Goepp
Browse files

Add classes on interaction's paths to handle dashing lines

parent 3379ddd0
......@@ -27,6 +27,8 @@
.interaction-trace line.boredom-limit {
stroke: #d16565;
stroke-width: 2;
/* stroke-dasharray: 15 5; */
stroke-dasharray: 2 3;
}
/* Axes and labels */
......@@ -47,6 +49,10 @@
stroke: #fff;
}
.interaction-trace path.intended {
stroke-dasharray: 2 3;
}
/* For the legend (in the leftmost column of the figure */
.interaction-trace .legend {
font-size: 0.7em;
......
......@@ -199,10 +199,12 @@ export function Plots(props) {
cx={props.xScale(point.x)} cy={props.yScale(point.y)} r="4" />
});
const lineClass = "line " + name;
// The whole curve (line and markers)
return (
<g key={"plot" + name}>
<path className="line" d={line(data)} stroke={colour} />
<path className={lineClass} d={line(data)} stroke={colour} />
{markers}
</g>);
});
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment