问Chart.js示例诊断不显示
EN

Stack Overflow用户

提问于 2020-02-17 18:12:55

回答 1查看 42关注 0票数 1

我找到了一个使用Chart.js和创建HTML文件的示例。这个例子运行得很好。现在我想在本地使用chart.js。因此，我换了下面这一行：

// <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js"

进入：

<script src="C:\Temp\Chart.js" type="text/javascript"></script>

(The file: Chart.js is copied into this folder)

现在，代码不工作了，您看不到任何图表

此Diagramm上的代码为：

<html>
<head>
    <meta charset="utf-8"/>
    <title>Chart.js demo</title>

<script src="C:\Temp\Chart.js" type="text/javascript"></script>
// <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js" type="text/javascript"></script>

<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>

chart.js

回答 1

Stack Overflow用户

发布于 2020-02-25 21:15:14

用于从本地文件夹加载JavaScript文件的正确语法如下：

<script src="file:///C:/Temp\Chart.js"></script>

但是，浏览器不允许您加载本地资源，并且您应该在控制台上看到相应的错误消息。大多数浏览器都有允许此类访问的选项，但您需要显式启用此选项，因为这会使您的系统易受攻击。

如果您正在使用Chrome，您可以从https://chrisbitting.com/2014/03/04/allow-local-file-access-in-chrome-windows/

上的文章中获得更多信息

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60260163

复制

相似问题

问Chart.js示例诊断不显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chart.js示例诊断不显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chart.js示例诊断不显示
EN