highcharts - 发布动态变化的 HighCharts 图表标题

Question

我有一个问题在图表中动态更改标题。我正在按照此处的解决方法更改图表标题，以便在导出图表时反映更改。此处的错误报告中引用了此解决方法。但是，当您在解决方法示例中单击“设置标题”两次时，图表磁贴会丢失其格式。有没有办法解决这个问题？

chart.setTitle( { text: 'Head Count Terminations' }, { text: 'Sales' } );
chart.options.title = {
    text: 'Head Count Terminations'
};
chart.options.subtitle = {
    text: 'Sales'
}

提前致谢。

Answer 1

它可能会丢失其格式，因为整个标题对象已被替换。只设置 text 属性怎么样？

chart.setTitle( { text: 'Head Count Terminations' }, { text: 'Sales' } );
chart.options.title.text = 'Head Count Terminations';
chart.options.subtitle.text = 'Sales';

Answer 2

您可以通过覆盖导出按钮和导出选项来避免该问题。

示例：http: //jsfiddle.net/HvHVU/

功能：

function exportActualChart() {
    this.exportChart({}, {
        title: {
            text: this.title.text
        },
        subtitle: {
            text: this.subtitle.text
        }
    });
}

图表选项

    exporting: {
        buttons: {
            exportButton: {
                menuItems: [{
                    text: 'Standard export',
                    onclick: function () {
                        this.exportChart();
                    }
                }, {
                    text: 'With new title',
                    onclick: exportActualChart
                },
                null,
                null]
            }
        }
    }