Highcharts-如何导出带有自定义图例的图表？

Question

我想导出带有自定义图例的图表。

如何以本机方式进行？

我是说我不想使用'html2canvas'之类的外部库。

这是我的example：

chart.renderer.text('custom legend V1', 90, 90)
        .css({color: '#4572A7', fontSize: '16px'})
        .add();


window.takeScreenShot = function() {

  chart.exportChart({
    filename: 'targetFilename'
  });
}

Answer 1

将重新创建图表以进行导出，因此，如果要添加一些自定义元素，则需要使用load事件：

chart: {
  ...,
  events: {
    load: function() {
      this.renderer.text('custom legend V1', 90, 90)
        .css({
          color: '#4572A7',
          fontSize: '16px'
        })
        .add();
    }
  }
}

---

实时演示： https://jsfiddle.net/BlackLabel/dsa8uyz3/

API参考： https://api.highcharts.com/highcharts/chart.events.load