Chart.js 图表未呈现

Posted 2023-03-07

【中文标题】Chart.js 图表未呈现

【英文标题】：Chart.js chart not rendering

【发布时间】：2017-06-02 15:40:07

【问题描述】：

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

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

new Chart(ctx).Pie(data);

但是，该代码给了我以下错误：

Uncaught TypeError: (中间值).Pie 不是函数

我尝试将代码更改为：

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

这导致错误消失，但图表仍未呈现。

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

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

非常感谢任何有关渲染图表的帮助。

【问题讨论】：

你能发布你的完整代码吗？或者给我们一个小提琴链接来检查？

用小提琴链接更新

看这里jsfiddle.net/JSDesign/wprnvyd1

谢谢，帮了大忙！

这个小提琴也是 => jsfiddle.net/pv77779y/4

【参考方案1】：

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

所以尝试替换文件，并重新加载您的页面（符合 chart.min.js 2.5+ 的文档）

【讨论】：

对我来说也一样。版本太旧了，没有一个例子有效。如此不同会让我担心更新会破坏旧版本图表的任何使用。

【参考方案2】：

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

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

【讨论】：

我有。现在已经发布了一个指向代码的 jsfiddle 链接

定义一个 html 画布