Question

我正在使用#compile CXX with /Library/Developer/CommandLineTools/usr/bin/c++ CXX_FLAGS = -g -std=c++14 -fPIC -std=gnu++11 npm软件包在angular5中实现Highcharts。但是给高图表未定义带来了错误。

我有一个angular5项目，其中正在实现Highcharts并使用“ angular2-highcharts” npm软件包。但这给出了错误

ng2-highcharts

这是我的代码

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
实现方式错误，您需要定义package中很好解释的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
        }
      }]
    };

Demo

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

1 个答案: