typescript - 安装 highcharts 后出现“Highcarts 未定义错误”

Question

我正在使用npm 包Highcharts在 angular5 中实现。ng2-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/

标签： typescriptnpmchartshighchartsangular5

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

演示