Charts （Chart.js）网页没有'；t显示图表，控制台中无错误_Charts_Chart.js2

Charts （Chart.js）网页没有'；t显示图表，控制台中无错误

charts

Charts （Chart.js）网页没有'；t显示图表，控制台中无错误,charts,chart.js2,Charts,Chart.js2,我是chart.js的新手，尝试构建一些简单的东西。控制台中没有错误，但图表不会显示在我的网页上。我不知道它是从哪里来的如果有人能帮忙，那就太好了 <!DOCTYPE> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <script src="https

我是chart.js的新手，尝试构建一些简单的东西。控制台中没有错误，但图表不会显示在我的网页上。我不知道它是从哪里来的

如果有人能帮忙，那就太好了

<!DOCTYPE>
<html>
<head>

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

</head>

<body>

    <div id="center"><canvas id="canvas" width="600" height="400"></canvas></div>

  <script>


    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');

    var datas = {
        labels: ["2010", "2011", "2012", "2013"],
        datasets: [
            {
                type: "line",
                data : [150,200,250,150],
                color:"#878BB6",
            },
            {
                type: "line",
                data : [250,100,150,10],
                color : "#4ACAB4",
            }
        ]
    }

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


var canvas=document.getElementById（'canvas'）；
var ctx=canvas.getContext（'2d'）；
变量数据={
标签：[“2010”、“2011”、“2012”、“2013”]，
数据集：[
{
键入：“行”，
数据：[150200250150]，
颜色：#878BB6“，
},
{
键入：“行”，
数据：[250100150,10]，
颜色：“4ACAB4”，
}
]
}

您没有正确构建图表。下面是它应该如何创建

var canvas=document.getElementById（'canvas'）；
var ctx=canvas.getContext（'2d'）；
var myChart=新图表（ctx{
键入：“行”，
数据：{
标签：[“2010”、“2011”、“2012”、“2013”]，
数据集：[{
标签：“数据集1”，
数据：[150200250150]，
颜色：#878BB6“，
}, {
标签：“数据集2”，
数据：[25010015010]，
颜色：“4ACAB4”，
}]
}
});
你说得对，我不是用好的方法建造的。非常感谢你ℊααnd