javascript - HighCharts - 导出图表时忽略 setTitle()

Question

我的代码在文档加载时创建一个 HighCharts 图表，然后其他代码将在用户更改某些设置时更新图表。我使用 chart.setTitle() 命令更改标题，屏幕上的图表更新得很好。

但是当图表导出为任何图像类型时，图表默认返回空图表的标题，即“图表标题”。动态标题不会导出。

查看我的 JSFiddle 这里。单击图表右上角的“导出”小图标，然后选择“下载 PNG 图像”或任何其他选项。下载的图像将显示“图表标题”，​​而不是代码指定的标题和副标题。

有人知道我在这里做错了什么吗？非常感谢您的帮助!

$(function() {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'ChartContainer',
                type: "spline"
            },

            series: [{
                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]}],
        });

        chart.setTitle({
            text: "Testing"
        }, {
            text: "This is a test"
        });

    });
});

Answer 1

基于 bug #48 中的解决方案的示例:

http://jsfiddle.net/cjc343/LHSey/1/

错误#48:

https://github.com/highslide-software/highcharts.com/issues/48

问题的论坛讨论:

http://highslide.com/forum/viewtopic.php?f=9&t=8951

简而言之，导出时不会应用对图表选项的更改，除非您明确更改最初用于呈现图表的默认值。