ChartJS在使用本地Chart.js文件时不显示
我有一个问题，让Chart.js显示图表时使用的Chart.min.js文件，这是使用的结果安装：npm安装chart.js保存（但是，如果使用CDN提供的文件-图表将显示）
为了避免在代码中插入路径，我将Chart.min.js文件从安装目录：./node_modules/chart_js/dist/Chart.min.js复制到我的网页所在的目录。这是要复制的文件吗？无论如何，当我重新加载应用程序到浏览器，我得到一个空白的显示。根本没有错误消息。
但是，如果改用CDN提供的文件：
一切工作。图表完全显示。
以下是HTML文件：
<html>
<head>
<meta charset="utf-8"/>
<title>Chart.js demo</title>
<script src="Chart.min.js" </script>
</head>
<body>
<h1>Chart.js Sample</h1>
<canvas id="countries" width="600" height="400"></canvas>
<script>
var pieData = [
{
value: 20,
color:"#878BB6"
},
{
value : 40,
color : "#4ACAB4"
},
{
value : 10,
color : "#FF8153"
},
{
value : 30,
color : "#FFEA88"
}
];
// Get the context of the canvas element we want to select
var countries= document.getElementById("countries").getContext("2d");
new Chart(countries).Pie(pieData);
</script>
</body>
</html>
那么，我做错了什么？下载有问题吗？
感谢您的帮助！
我在Mac OS X 10.10.5上运行，我在Safari和FireFox浏览器上都试过了，但是本地Chart.min.js文件出现了同样的问题。
共有2个答案
我想问题一定是脚本标签关闭不当。见下文。
之前：
<script src="Chart.min.js" </script>
之后：
<script src="Chart.min.js"></script>
这是一个演示，带有一个本地Chart.min.js文件供您参考！
JSFiddle演示
最好使用最新的语法来创建图表，而不是使用旧的语法。
另外，当通过npm安装时，chart.js文件所在的目录是正确的：
./node_modules/chart.js/dist/Chart.min.js
以下是完全适用于Chrome、火狐和Safari的完整代码：
<html>
<head>
<meta charset="utf-8" />
<title>Chart.js demo</title>
<script src="./node_modules/chart.js/dist/Chart.min.js"></script>
</head>
<body>
<h1>Chart.js Sample</h1>
<div class="chart-container" style="width: 600px; height: 400px">
<canvas id="countries"></canvas>
</div>
<script>
var pieData = {
datasets: [{
data: [20, 40, 10, 30],
backgroundColor: ["#878BB6", "#4ACAB4", "#FF8153", "#FFEA88"]
}]
};
// Get the context of the canvas element we want to select
var countries = document.getElementById("countries").getContext("2d");
new Chart(countries, {
type: 'pie',
data: pieData
});
</script>
</body>
</html>
-
我正在开发一个推荐服装的网站。所以，我希望客户把他们的形象，这是在他们的地方。 首先，我尝试了。但不提供自定义选项。我必须用我的照片显示按钮。因此，我尝试了按钮选项，并编写了这样的代码。 null null
-
我是javascript新手 我有一个使用chart.js创建的条形图。页面加载时一切正常，但当我更改值时，会出现小故障。新数据被引入，但当我将鼠标悬停在上面时，旧数据会显示出来。 当我更改日期范围并将鼠标悬停在新图表上时，销毁原始数据的最佳方法是什么？非常感谢。
-
问题内容： 我将使用带有一些数据的本地JSON文件。我的问题是，存储文件的最佳/正确方式在哪里？我应该如何访问它及其内容？ 我之前通过http处理过json，但没有本地处理过。 问题答案： 有很多方法 您可以将JSON文件存储在资产文件夹中，并按如下方式读取它们-http://codingdict.com/questions/88307 对于基本的JSON解析，Android的内置JSONObje
-
我已经用build.gradle发布了一个工件如下： 并且我成功地获得了repo目录中的javadoc files文件： 但当我在另一个模块的构建中使用它时。Gradle： 而且 当我在库中的类上使用Ctrl-Q时，Javadoc不会弹出。Java代码是好的，当我点击类Android工作室给我的反编译代码没有任何问题。此外，其他依赖项（如support LibraryV4）正确显示了Javadoc
-
我尝试使用拨号自动下插件数据标签，但它仍然重叠，有什么想法做，使他们不重叠？ 以下是我的选择：
-
本文向大家介绍详解Java读取本地文件并显示在JSP文件中，包括了详解Java读取本地文件并显示在JSP文件中的使用技巧和注意事项，需要的朋友参考一下 详解Java读取本地文件并显示在JSP文件中 当我们初学IMG标签时，我们知道通过设置img标签的src属性，能够在页面中显示想要展示的图片。其中src的值，可以是磁盘目录上的绝对，也可以是项目下的相对路径，还可以是网络上的图片路径。