离子中的Highcharts(ng2-highcharts)测量仪

时间:2018-03-18 14:09:34

标签: ionic-framework highcharts ionic3

我想在我的Ionic App中使用高帮图表。

我已按照此处显示的步骤https://stackoverflow.com/a/47196806/1837599安装了高级图表 在这里https://github.com/Bigous/ng2-highcharts/wiki/Ionic-usage

它适用于给定的示例,但是当我尝试使用仪表图时,我收到错误"错误:Highcharts错误#17"。

经过一些研究,我发现在加载仪表之前我需要包含highcharts-more.js。

我试图包括:

<script src="../node_modules/highcharts/highcharts.js"></script>
<script src="../node_modules/highcharts/highcharts-more.js"></script>

在index.html但它没有用。

我应该如何在IONIC中包含这些库?或者甚至在那之前,我真的需要做什么?

  
      
  • 离子版:3.20.0
  •   
  • npm version:5.6.0
  •   
  • &#34; highcharts&#34;:&#34; ^ 6.0.7&#34;,
  •   
  • &#34; ng2-highcharts&#34;:&#34; ^ 1.1.2&#34;,
  •   

1 个答案:

答案 0 :(得分:1)

查看官方npm package 了解更多详情

步骤

1&gt;从npm安装

npm install --save highcharts

2 - ;在home.ts中导入highcharts和highcharts-more.js

'q' : 'False'

stackblitz演示