Question

我要在图表中动态更改标题。我按照解决方法here更改图表标题，以便在导出图表时反映更改。错误报告here中引用了此变通方法。但是，当您在变通方法示例中单击“设置标题”两次时，图表磁贴将丢失其格式。有什么方法可以解决这个问题吗？

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

提前致谢。

Answer 1

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

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

Answer 2

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

示例：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]
            }
        }
    }

问题动态更改HighCharts图表标题

2 个答案: