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/

Bug＃48：

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

论坛讨论问题：

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

简而言之，除非您明确更改最初用于渲染图表的默认值，否则导出时不会对图表选项进行更改。

HighCharts - 导出图表时忽略setTitle（）

1 个答案: