«Ошибка Highcarts не определена» после установки Highcharts

Question

Я использую Highcharts в angular5, используя пакет ng2-highcharts npm.Но это дает ошибку, что старшие чарты не определены.

У меня есть проект angular5, в котором я внедряю Highcharts и использую пакет angular2-highcharts npm.Но он выдает ошибку

Highcharts is not defined at new AppComponent

Вот мой код

https://stackblitz.com/edit/angular-vvxq6w

Я реализую этот пример.Это должно быть так

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/demo/spline/

Answer 1

Похоже, вам не хватает нескольких вещей

1. Вам не хватает импорта npm i angular2-highcharts

2. То, как вы реализуете, неверно, вынеобходимо определить компонент chart, который хорошо объясняется в пакете , например

, и вместо определения необходимой глобальной переменнойпередать опции

 this.options= {

      rangeSelector: {
        selected: 1
      },

      title: {
        text: 'AAPL Stock Price'
      },

      series: [{
        name: 'AAPL Stock Price',
        data: [1, 2, 3, 4, 6, 10, 2, 10],
        type: 'spline',
        tooltip: {
          valueDecimals: 2
        }
      }]
    };

Демо