在 React 中向 Chart.js 添加 Highcharts 'Navigator' 组件

Sad*_*one 7 javascript highcharts reactjs chart.js

我想在图表下方添加一个框,用户可以拖动该框以选择他们想要查看的特定日期范围。这很难解释,但美联储将其包含在所有图表中。这里的例子:

https://fred.stlouisfed.org/series/CAPB00004SQ

这是图表库 Highcharts 的一部分,相关部分可以在这里找到:

https://www.highcharts.com/docs/chart-concepts/navigator

基本上,我想在图表下方有一个区域,其中包含三个单独的部分。用户可以拉伸或操纵给定的段,这将影响上图中显示的数据。

我在我的其余项目中都使用了 chart.js,所以我不想在这里切换到 High Charts,但我想知道是否有人在 Chart.js 中实现了类似的任何东西,或者是否有人知道你如何可以构建一个允许这种行为的组件。