Highcharts - 如何使用自定义图例导出图表？

Question

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

如何以本机方式做到这一点？

我的意思是我不想使用外部库，例如“html2canvas”等。

这是我的例子：

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