Highcharts - Экспорт параметров для печати, чтобы соответствовать экспорту в PNG - PullRequest
0 голосов
/ 17 декабря 2018

Как можно, чтобы параметры экспорта для печати точно совпадали с параметрами экспорта для png, jpg и т.д.печатать.Я установил параметры экспорта, как показано ниже, но, похоже, это применимо только к параметрам экспорта, не связанным с печатью.

exporting: {
    chartOptions: {
        rangeSelector: {
            selected: 4,
            inputEnabled: false,
            buttonTheme: {
                visibility: 'hidden'
            },
            labelStyle: {
                visibility: 'hidden'
            }
        },
        navigator: {
            enabled: false
        },
        scrollbar: {
            enabled: false
        }
    },
    scale: 3,
    fallbackToExportServer: false
}

1 Ответ

0 голосов
/ 18 декабря 2018

Вы можете достичь этого, используя событие beforePrint и обновляя график новыми опциями.После этого, используя событие afterPrint, обновите график со старыми параметрами.

Код:

  chart: {
    events: {
      beforePrint: function() {
        var chart = this;

        chart.update({
          rangeSelector: {
            selected: 4,
            inputEnabled: false,
            buttonTheme: {
              visibility: 'hidden'
            },
            labelStyle: {
              visibility: 'hidden'
            }
          },
          navigator: {
            enabled: false
          },
          scrollbar: {
            enabled: false
          }
        }, true, false, false);
      },
      afterPrint: function() {
        var chart = this;

        chart.update({
          rangeSelector: {
            selected: 1,
            inputEnabled: true,
            buttonTheme: {
              visibility: 'visible'
            },
            labelStyle: {
              visibility: 'visible'
            }
          },
          navigator: {
            enabled: true
          },
          scrollbar: {
            enabled: true
          }
        }, true, false, true);
      }
    }
  }

Демо:
https://jsfiddle.net/fs80h3qg/

Ссылка API:
https://api.highcharts.com/highcharts/chart.events.beforePrint
https://api.highcharts.com/highcharts/chart.events.afterPrint
https://api.highcharts.com/class-reference/Highcharts.Chart#update

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...