export - highcharts : 在导出时设置标题

Question

我正在寻找一种方法：

• 在 HTML 页面结果中隐藏标题
• 导出时在 highcharts 图表上显示标题（PDF、PNG、JPEG 或打印）

我不知道该怎么做。有人可以帮助我吗？

Answer 1

您可以在导出时定义此参数。

http://api.highcharts.com/highcharts#exporting.chartOptions

http://jsfiddle.net/BdHJM/

exporting:{
            chartOptions:{
                title: {
                    text:'aaaaa'
                }
            }
        },

Answer 2

将此功能放入您的文档就绪功能下面是用于更改 highcharts 打印原型的代码，仅用于补丁或使其正常工作 在您的导出中放置 rangeSelector 选项并将其设置为 false 如下所述，您可以将其设置为您将来的需要

     Highcharts.wrap(Highcharts.Chart.prototype, 'print', function (proceed) {

                    var applyMethod = function (whatToDo, margin) {
                    this.extraTopMargin = margin;
                    this.resetMargins();
                    this.setSize(this.container.clientWidth , this.container.clientHeight , false);

                    this.setTitle(null, { text: 'SET TITLE HERE' :'});

                    this.rangeSelector.zoomText[whatToDo]();
                    $.each(this.rangeSelector.buttons, function (index, button) {
                        button[whatToDo]();
                    });
                };
                if (this.rangeSelector) {
                    var extraMargin = this.extraTopMargin;
                    applyMethod.apply(this, ['hide', null]);
                    var returnValue = proceed.call(this);
                    applyMethod.apply(this, ['show', extraMargin]);
                    this.setTitle(null, { text: '' });
                } else {
                    return proceed.call(this);
                    this.setTitle(null, { text: '' });
                    this.yAxis[0].setExtremes();
                }                       }


    });

并在图表选项中设置这个（根据你的需要改变它，我只是把我的代码供参考）

     exporting: {
            scale: 1,
            sourceWidth: 1600,
            sourceHeight: 900,

            chartOptions: {
                rangeSelector: {
                    enabled: false
            },
    }