Chart.js图表​​无法呈现

时间:2017-01-18 10:03:13

标签: javascript charts chart.js chart.js2

我正在尝试使用chart.js声明新图表,但图表未呈现。

我最初尝试使用以下方式声明它:

new Chart(ctx).Pie(data);

但是,该代码给了我以下错误:

  

未捕获TypeError :(中间值).Pie不是函数

我尝试将代码更改为:

new Chart(ctx , {
    type: "pie",
    data: data,
});

这导致错误消失,但图表仍然无法呈现。

我尝试使用不同的浏览器,但仍然会出现同样的问题。

JSFiddle链接:https://jsfiddle.net/pv77779y/

任何有关获取图表的帮助都将受到大力赞赏。

2 个答案:

答案 0 :(得分:2)

我遇到了类似的问题,其中chart.js文档没有帮助。然后我注意到chart.min.js版本应该是最新版本。这一天我们使用2.5+,文档是针对该版本的。

所以尝试替换文件,然后重新加载页面(符合chart.min.js 2.5 +的文档)

答案 1 :(得分:0)

您是如何创建上下文的?它应该是

var ctx = document.getElementById("myChart");