Javascript HTML文件赢得'；使用Chart.js无法在网页上生成任何内容_Javascript_Html_Chart.js_Linechart

Javascript HTML文件赢得'；使用Chart.js无法在网页上生成任何内容

javascript html chart.js

Javascript HTML文件赢得'；使用Chart.js无法在网页上生成任何内容,javascript,html,chart.js,linechart,Javascript,Html,Chart.js,Linechart,我正在尝试使用chart.js JavaScript框架构建一个基本图表。我相信我拥有的一切都完全符合我一直遵循的示例，但是它不会在任何浏览器中生成图表（或任何东西） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ChartJS Analytic</title> <scr

我正在尝试使用chart.js JavaScript框架构建一个基本图表。我相信我拥有的一切都完全符合我一直遵循的示例，但是它不会在任何浏览器中生成图表（或任何东西）

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>ChartJS Analytic</title>
        <script id="src/chart.js"></script>
    </head>
    <body>
        <div id="center"><canvas id="lineChart"></canvas></div>
        <script>
            var lineChartData = {
                labels : ["2010","2011","2012","2013"],
                datasets : [{
                    data : [150,200,250,150]
                }, {
                    data : [200,170,150,200]
                }]
            };

            var lineChart = document.getElementById('lineChart').getContext('2d');
            new Chart(lineChart).Line(lineChartData);

        </script>
    </body>
</html>


ChartJS分析
变量lineChartData={
标签：[“2010”、“2011”、“2012”、“2013”]，
数据集：[{
数据：[150200250150]
}, {
数据：[200170150200]
}]
};
var lineChart=document.getElementById（'lineChart'）.getContext（'2d'）；
新图表（折线图）。折线图（折线图数据）；

我正在使用WebStorm，未检测到任何错误或警告。有谁能告诉我这里有什么问题吗？

问题出在

新图表（折线图）…的线条上。

这在modern Chart.js中被错误引用。这条线应该是这样的：

var myLineChart = Chart.Line(lineChart, {
    data: lineChartData,
    options: lineOptions
});

您是否将jquery和

Chart.js

作为库插入，因为我在您的代码中看不到它们？

Chart.js

和jquery都在我的目录中。您是否有意在id属性中链接到js文件的位置？除此之外，请使用

src=“src/Chart.js”

而不是

id=“src/Chart.js”

，您可能必须将图表类型作为字符串传递，而不是作为未定义的变量传递<代码>新图表（“线条图”）。线条（线条图数据）同样，“在你的目录中”是什么也不重要。您需要在页面中正确地包含要使用的内容。