Javascript Chart.js未正确显示/安装问题

我对web开发非常陌生，正在尝试加载chart.js，但我遇到了一些问题。。。在阅读了文档之后，我认为我有所有正确的部分，只是可能顺序不对

• 通过nmp安装chart.js并链接到标题中的脚本，然后添加

到车身

之后，您似乎只需要（在正文中的脚本标记中）

var myPieChart=新图表（ctx[0]）。饼图（数据、选项）

然后实际的数据

var data = [
    {
        value: 300,
        color:"#F7464A",
        highlight: "#FF5A5E",
        label: "Red"
    },  etc......

不幸的是，我没有在页面上看到任何内容。chart.js实际上有一些很棒的文档，但我一开始就有点迷茫，有什么想法吗？谢谢

为了清晰起见，添加了jsfiddle

我使用的教程是基于您的中提供的，但不是关于您的问题，您有一些问题：

在fiddle的
JavaScript
部分中有HTML
标记
您正在使用
加载
Chart.js
，其中没有
Chart.js/Chart.js
（而且
myjs.js
在其服务器上不存在）
您拥有
var skillsChart=新图表（上下文）.Pie（数据）
在
pieData
数组之前，而不是之后
var skillsChart=新图表（上下文）.Pie（数据）应该是
var skillsChart=new Chart（context）.Pie（pieData）
因为您的数组被称为
pieData
，而不是
data

看这个

希望这有帮助！：）
 考虑在您的问题中添加一个或一个
可运行的代码片段
，这样我们就可以实际解决问题：）。谢谢！这是我的提琴，我正在使用外部库，虽然它不会出现，我只是觉得我把所有东西的顺序都搞错了！“我只是觉得我把每件事的顺序都搞错了！”我不知道你的意思。。。小提琴应该尽可能地为操作它的人工作：）。“你在fiddle的JavaScript部分有HTML标记。你加载了Chart.js，在JSFIDLE上没有Chart.js/Chart.js（myjs.js在他们的服务器上也不存在）。”因此可能没有什么帮助，我现在就把它们放在这里。。。如果你认为答案是好的，也可以接受：）。啊，非常感谢你，我查看了你的js小提琴，这一切比我的更有意义。我仍然不明白你是如何让图表实际加载的。我认为chart.js依赖于chart.js库来实际加载。当我把所有的js放在正文底部的一个脚本标记中时，我就可以让它工作了。但是当我在标题中外部链接
时，它会断开。@BenjaminCasalino我不确定你这方面有什么问题，但希望这些要点能有所帮助。。。你所需要的只是：1。库，cdn（）或本地。2.A 3。背景4。一些数据5。一个
图表
对象。希望这有帮助！：）（我很感激我的第一个被接受的问题！；）是的，谢谢你，它现在似乎起作用了。我只是不明白JSFIDLE在没有链接到chart.js库的情况下是如何知道要输出什么的，但我想它已经明白了：）再次感谢！