javascript - 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