仅导出图像中的 Highcharts 文本

【问题标题】：Highcharts text in the exported image only仅导出图像中的 Highcharts 文本
【发布时间】：2017-07-17 23:11:03
【问题描述】：

我试图在导出时将一些文本放在高图表中。即文本在网页中不可见，但是当您将图表导出为 png、jpeg、pdf 时...它将出现在 x 轴下方的图表底部。

我尝试了多种方法：

text.renderer()，但这会将文本也放入图表中
即使在文本上使用display:none; 也没有成功。

对此的任何提示将不胜感激。

【问题讨论】：

This may help
@ODelibalta 当用户单击导出图标而不是 onload 时，任何方式都可以完成此操作。
这应该在exportChart 事件加载时触发。

标签： javascript jquery highcharts

【解决方案1】：

在导出选项中，您可以定义仅对导出图像中的图表可用的图表选项。

exporting: {
  chartOptions: {
    chart: {
      events: {
        load: function () {
          this.renderer.text('text for the exported image', 100, 100).add()
        }
      }
    }
  }
}

示例：http://jsfiddle.net/6j97LeLx/

【讨论】：

我不知道谁给了这个 -1 但这是绝对正确的答案。真的很感激这个！ :)
我想在exporting.chartOptions.chart.events.load 中获取容器div，但在这个this 内部是一个不同的元素，具有不同的container 和renderTo 值。知道为什么吗？
基本上，在导出时会在一个临时 div 元素中创建一个全新的图表。要访问旧图表，您可以将旧图表保存到变量并从加载导出回调中访问它。