"Highcarts is not defined error" 安装 highcharts 后

Question

我正在使用 ng2-highcharts npm 包在 angular5 中实现 Highcharts。但是它给出了未定义 highcharts 的错误。

我有一个 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

看来您遗漏了一些东西

您缺少导入 npm i angular2-highcharts
您实施的方式是错误的，您需要定义 chart 组件，这在 package 中有很好的解释，就像这样

而不是定义全局变量，您需要传递选项

 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
        }
      }]
    };

Demo

"Highcarts is not defined error" 安装 highcharts 后

"Highcarts is not defined error" after installing highcharts

charts

highcharts

npm

typescript

angular5