highcharts: задать заголовок при экспорте

Я ищу способ:

  • скрыть заголовок на странице HTML-страницы
  • показать заголовок на графике высоких диаграмм при экспорте (PDF, PNG, JPEG или печать)

Я не знаю, как это сделать. Кто-то может мне помочь?

2

2 ответы

Вы можете определить этот параметр при экспорте.

http://api.highcharts.com/highcharts#exporting.chartОпции

http://jsfiddle.net/BdHJM/

exporting:{
            chartOptions:{
                title: {
                    text:'aaaaa'
                }
            }
        },
11
добавлено
@SebastianBochan: Не могли бы вы отредактировать ответ, указав, что его не для печати. ?
добавлено автор Hardik Mishra, источник
Какой браузер вы используете?
добавлено автор Sebastian Bochan, источник
К сожалению, это невозможно, вы можете подумать о том, как подготовить пользовательскую функцию печати в javascript, а затем вызвать пункты меню.
добавлено автор Sebastian Bochan, источник
Спасибо за этот ответ! Но он, похоже, не работает для печати, только для экспорта в файл. Есть ли способ заставить его работать и для печати?
добавлено автор BBlake, источник
Это не работает в вашей скрипке. График экспортируется без заголовка.
добавлено автор Robb Vandaveer, источник
работает ! Спасибо вам !
добавлено автор user2050723, источник

поместите эту функцию в свою готовую документ ниже, это код для изменения прототипа печатных плат и только для патча или для того, чтобы он запустил параметр 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
            },
    }
2
добавлено