股票工具图表的保存图表按钮在 highcharts 中不起作用

Question

点击股票工具图表的保存图表按钮没有任何反应。它是如何工作的？

这是我的图表配置

this.trendChart.update({
      series: {
          showInNavigator: true,
          dataGrouping: {
            approximation: "average"
          }
        }
      },
      series: [{
        id: 'series1',
      }],
      chart: {
        spacingRight: 35
      },
      exporting: {
        enabled: true,
        buttons: {
            contextButton: {
              x: 0
            }
          }
      },
      stockTools: {
        gui: {
          enabled: true
        }
      }, 
    });

我需要做任何配置更改吗？

Answer 1

按钮将图表保存在 highcharts-chart 键下的 localStorage 中。例如，您可以在刷新浏览器后使用它来保留一些绘制的注释。

存储了以下项目：

注释
指标（带 y 轴）
旗帜

您可以通过以下方式获取选项：

const savedOptions = localStorage.getItem(['highcharts-chart']);

现场演示： https://jsfiddle.net/BlackLabel/u6Lte04d/

API参考：https://api.highcharts.com/class-reference/Highcharts#.merge%3CT%3E

股票工具图表的保存图表按钮在 highcharts 中不起作用

save chart button of stock tool chart not working in highcharts

highcharts

angularjs