chart.js：4未捕获的ReferenceError：在离子2中未定义require

Question

我正在尝试使用NG2-Charts（http://valor-software.com/ng2-charts/）

的基本示例

在其github repo（https://github.com/valor-software/ng2-charts）中提到：

  

重要说明：在应用程序中嵌入Chart.js是强制性的！

<script src="node_modules/chart.js/src/chart.js"></script>

但是当我嵌入这个脚本时它显示错误

  

chart.js：4未捕获的ReferenceError：未定义require

有没有人知道如何解决这个问题？谢谢

Answer 1

OK！而不是使用NPM模块。

bower install chart.js --save

这会将其下载到bower_components指令。然后在脚本中包含它

Answer 2

要在Ionic 2 RC0中使用chart.js，只需安装库和打字：

$ npm install chart.js --save
$ typings install chart.js --save

使用

将库包含在组件的标题中

import 'chart.js/src/chart';
declare var Chart;

并使用它，例如对于带

的折线图

let ctx = this.canvas.nativeElement
new Chart(ctx, {
  type: 'line',
  data: { your data },
  options:{ your options }
});

其中canvas是组件模板中图表的HTML元素：

<canvas class="line-chart" #canvas></canvas>