首页 > 解决方案 > 在 React 中向 Chart.js 添加一个 Highcharts 'Navigator' 组件

问题描述

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

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

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

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

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

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

标签: javascriptreactjshighchartschart.js

解决方案


推荐阅读