如何在将图表导出到文件时禁用 HighCharts 重新渲染？答案

【问题标题】：How to disable HighCharts re-rendering while exporting charting into file?如何在将图表导出到文件时禁用 HighCharts 重新渲染？
【发布时间】：2015-09-09 12:32:49
【问题描述】：

我在应用程序中显示 highcharts-样条图。在加载页面时，它会像往常一样呈现图表。但是当我将图表导出为 SVG 图像时，它会再次重新渲染图表。它使所有 ajax 调用再次调用。

$(function () {
// create the chart
$('#container').highcharts({
    chart: {
        events: {
            load: function () {
                alert();
                var label = this.renderer.label('Chart loaded', 100, 120)
                    .attr({
                        fill: Highcharts.getOptions().colors[0],
                        padding: 10,
                        r: 5,
                        zIndex: 8
                    })
                    .css({
                        color: '#FFFFFF'
                    })
                    .add();

                setTimeout(function () {
                    label.fadeOut();
                }, 1000);
            }
        }
    },

    series: [{
        animation: false,
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }],
    exporting: {
        enabled:true
    }

});

});

我把这个放在小提琴里

http://jsfiddle.net/qpLyeks7/

您可以在加载和导出为 SVG 时看到警告框提示。

那么，如何在导出到文件时禁用此调用？

【问题讨论】：

标签： jquery svg charts highcharts

【解决方案1】：

您可以检查内部属性chart.options.chart.forExport，在渲染图表以进行导出时设置为true。见演示：http://jsfiddle.net/qpLyeks7/1/

if(!this.options.chart.forExport) {
  // some code here
}

【讨论】：