1

我正在尝试使用 NG2-Charts 的基本示例(http://valor-software.com/ng2-charts/

在其 github 存储库 ( https://github.com/valor-software/ng2-charts ) 中提到:

重要提示:在应用程序中嵌入 Chart.js 是强制性的!

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

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

chart.js:4 Uncaught ReferenceError: 要求未定义

有谁知道如何解决这个问题?谢谢

4

2 回答 2

0

要在 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>
于 2016-10-14T15:30:54.177 回答
0

好的!而不是使用 NPM 模块。

bower install chart.js --save

这会将其下载到 bower_components 指令。然后从那里将其包含在您的脚本中

于 2016-10-14T13:41:31.800 回答