search

esnet / react-timeseries-charts

Declarative and modular timeseries charting components for React
http://software.es.net/react-timeseries-charts
Other
861 stars 284 forks source link

Highlight range of time #398

Open brandly opened 5 years ago

brandly commented 5 years ago

❔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
mavila0896 commented 4 years ago

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!