esnet / esnet/react-timeseries-charts

Highlight range of time

Open
#398 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
876
Forks
279
PR merge metrics
No merged PRs in 30d

Description

# ❔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 ``, 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 `` 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 `EventChart`s, then i'm also rendering 3 separate `Brush`es.

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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.