esnet
Highlight range of time
❔Question
hey. thanks again for this library.
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?
Your Environment
| Software | Name/Version |
|---|---|
| react-timeseries-charts | v0.15.5 |
| Browser | Chrome 74 |
| Operating System | MacOS v10.14.3 |
Screenshot of the question and code with the problem you are having, perhaps put it in jsfiddle or something so I can take a look at it!
