动态更改 HighCharts 图表标题的问题

Question

我在更改图表的标题时遇到了问题。我正在按照此处的解决方法更改图表标题，以便在导出图表时反映更改。该解决方法在此处的错误报告中被引用。然而，在解决方法示例中单击“设置标题”两次后，图表标题会失去其格式。有没有办法解决这个问题？

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

感谢您的预先帮助。

- Jeff

Answer 1

它可能会失去格式，因为整个标题对象被替换了。那么只设置文本属性怎么样？

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

- Torstein Hønsi

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]
            }
        }
    }

- Paweł Fus