i'm rendering a chart that's composed of a list of EventCharts. i'd like the highlight a range of time on that chart.
i found <Brush />, which looks pretty nice. i might eventually be interested in being able to drag the bush around or stretch it out, but i mainly want to highlight a spans of time and still have clickable events on the chart.
currently, the <Brush /> appears to overlay the entire x-axis, so i can't click a charted event -- the onSelectionChange handler doesn't fire. also, if i'm rendering 3 EventCharts, then i'm also rendering 3 separate Brushes.
is there a better way to highlight a range of time without preventing click events?
❔Question
hey. thanks again for this library.
i'm rendering a chart that's composed of a list of
EventChart
s. i'd like the highlight a range of time on that chart.i found
<Brush />
, which looks pretty nice. i might eventually be interested in being able to drag the bush around or stretch it out, but i mainly want to highlight a spans of time and still have clickable events on the chart.currently, the
<Brush />
appears to overlay the entire x-axis, so i can't click a charted event -- theonSelectionChange
handler doesn't fire. also, if i'm rendering 3EventChart
s, then i'm also rendering 3 separateBrush
es.is there a better way to highlight a range of time without preventing click events?
Your Environment