1

我正在尝试通过复制此 plnkr 示例在 Angular2 应用程序中使用 HighStocks ... http://plnkr.co/edit/2xSewTZ9b213vA0ALmFq?p=preview

我正试图弄清楚如何将 highstock.js 引入我的应用程序，因为我收到一条错误消息...

core.umd.js?e2a5:3004 EXCEPTION: Error in ./XXX class XXX- inline template:1:25 caused by: StockChart is unknown chart type.

在模板中的这行代码...

<chart type="StockChart" [options]="options"></chart>

在“真正的”ng2 应用程序中，您将在哪里/如何引入以下两个包/脚本。我想这是我的问题...

  'angular2-highcharts':        'https://cdn.rawgit.com/gevgeny/angular2-highcharts/v0.3.0/dist', 
  'highcharts/highstock.src':   'https://cdn.rawgit.com/highcharts/highcharts-dist/v4.2.1/highstock.js'

在示例中，它们是在 systemjs.config.js 文件中完成的。我的 ng2 应用程序没有这样的文件。

最好的地方在哪里？

4

1 回答 1

1

我找到了解决方案。我的解决方案是将以下几行添加到我的 webpack.common.js 文件中......

 resolve: {
      alias: {
        // NOTE: You should set 'highcharts/highcharts.src.js'
        // if you are not going to use <chart type="StockChart"
        highcharts$: "highcharts/highstock.src.js"
      },

我已经用这个更改更新了我在 GitHub 中的演示https://github.com/bencameron00/Ng2HighStocks

于 2017-01-26T19:23:42.977 回答