typescript - 安装 highcharts 后 "Highcarts is not defined error"

Question

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

我有一个 angular5 项目，我在其中实现 Highcharts 并使用“angular2-highcharts”npm 包。但是报错

Highcharts 没有在新的 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 组件，这在 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