Highstock工具图表保存按钮能否保存当前选中的RangeSelector?
Highstock保存按钮保存RangeSelector问题解答
那个帖子里描述的功能没法直接保存当前选中的RangeSelector状态,但帖子里提供了自定义扩展的思路,能实现这个需求:
- 默认Highstock的保存按钮只存储图表基础配置和数据,不包含RangeSelector的选中状态
- 你可以通过自定义
chart.exporting.menuItemDefinitions来添加自定义保存逻辑,在导出前手动把RangeSelector的selected状态加入到导出配置里 - 示例代码参考如下:
Highcharts.stockChart('container', { exporting: { menuItemDefinitions: { downloadPNG: { onclick: function() { // 获取当前RangeSelector选中项的索引 const selectedRange = this.rangeSelector.selected; // 克隆当前图表配置并注入选中状态 const exportOptions = Highcharts.merge(this.options, { rangeSelector: { selected: selectedRange } }); // 执行导出操作 this.exportChart(exportOptions); } } } }, // 其他图表配置内容... });
- 按此方式修改后,导出的图表会保留之前选中的RangeSelector区间,后续导入时也会自动激活对应的区间
内容的提问来源于stack exchange,提问作者TomStack
相关产品推荐
相关产品推荐

