Question

我希望能够在导出图像生成时显示微调器。有没有办法实现这一点，或者在生成文件并开始下载时我可以订阅该事件？

我目前的代码是

exporting: {
  allowHTML: true,
  buttons: {
  contextButton: {
    menuItems: null,
    onclick: function () {
      this.exportChart({ sourceWidth: 1500, sourceHeight: this.chartHeight }, null);
    },
    symbol: 'url(assets/images/icon_download.png)'
  }
}

Answer 1

请参阅现场演示： http://jsfiddle.net/kkulig/uav1vjtv/

前80行代码改变了Highcharts核心。此修改实现了beforeExporting和afterExporting个事件，可用于管理微调器图标（创建和销毁它）：

  chart: {
    events: {
      beforeExporting: function() {
        this.spinner = this.renderer.image('http://thinkfuture.com/wp-content/uploads/2013/10/loading_spinner.gif', this.chartWidth / 2 - 50, this.chartHeight / 2 - 50, 100, 100).add();
      },
      afterExporting: function() {
        this.spinner.destroy();
      }
    }
  }

API参考： https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#image

在高级图表

1 个答案: