Question

我正在寻找一种方法：

隐藏HTML页面结果上的标题
在我导出它时（PDF，PNG，JPEG或打印）在高图图表上显示标题

我不知道该怎么办。有人能帮助我吗？

Answer 1

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

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

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

highcharts：在出口时设置标题

2 个答案: