кнопку экспорта создать вне Highchart, используя Angular и Ioni c 5

Question

Я создал хай-чарт и пытаюсь поместить кнопку экспорта за пределы графика. но я не попал в платформу ioni c angular.

Я пытался экспортировать график в SVG. Я прошел по этой ссылке: http://jsfiddle.net/tLfeaL7y/ В этом экспорте как javascript: Код: Выбрать все

 $('#export_JPG').click(function() {
    chart.exportChartLocal({
      type: 'image/jpeg'
    });
  });

Если есть какой-либо способ экспорта в IONI C 5 и Angular.

Спасибо

Answer 1

Демонстрация показывает, как создать пользовательскую кнопку, которая запускает загрузку графика при нажатии в среде Angular.

Демо: https://codesandbox.io/s/angular-js9nk

  test = () => {
    console.log(this.Highcharts.charts)
    this.Highcharts.charts[0].exportChart({
      type: 'image/jpeg',
      filename: "line-chart"
    });
  }

API: https://api.highcharts.com/class-reference/Highcharts.Chart#exportChart