javascript - 在 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 中实现了类似的东西,或者是否有人知道你是如何做到的可以构建一个允许这种行为的组件。
解决方案
推荐阅读
- pact - 调用真实的 Web 服务代码以创建协议文件
- ruby-on-rails - 表格上相同型号的两个选择框
- azure-cognitive-search - Azure 搜索查询缓存多长时间?
- php - PHP 获取方法
- ios - Swift – 从 AppDelegate 向 View Controller 添加子视图
- javascript - 日期选择器在选择时填充多个字段
- ruby - Ruby:分离多个返回
- javascript - 如何在下一页开始加载之前激活 JavaScript?
- java - 如何计算java中任何方法的参数个数
- ruby-on-rails - 播种远程图像 Carrierwave