Javascript 如何使用角度图表？

除了我阅读的文档（通常没有帮助），我还发现了一些我想在我的页面上实现的图表示例，但它似乎不起作用。我试图对它进行调整，但每次加载时，页面上总是显示空白

代码如下：

<div data-ng-controller="LineCtrl as line">
<canvas> data-sys-chart-line
        data-dataset="line.data"
        width="400"
        height="240"></canvas>
</div>
<script type="text/javascript">
    (function () {
        'use strict';

        function LineCtrl ( ) {
            this.data = {
                labels: ["January", "February", "March", "April", "May", "June"],
            datasets: [
                {
                    fillColor: "rgba(220,220,220,0.2)",
                    strokeColor: "rgba(220,220,220,1)",
                    pointColor: "rgba(220,220,220,1)",
                    data: [40, 10, 60, 70, 20, 20]
                },
                {
                    fillColor: "rgba(151,187,205,0.2)",
                    strokeColor: "rgba(151,187,205,1)",
                    pointColor: "rgba(151,187,205,1)",
                    data: [30, 70, 40, 90, 60, 70]
                }
            ]
        };
    }
})();
</script>
<!-- Includes Dependencies here: AngularJS & Chart.js -->
<script src="script/Chart.js"></script>
<script src="script/angular-chart.min.js"></script>
<script src="script/tc-angular-chartjs.min.js"></script>
<script>

数据系统图表线
data dataset=“line.data”
宽度=“400”
高度=“240”>
（功能（）{
"严格使用",；
函数LineCtrl（）{
此参数。数据={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”]，
数据集：[
{
填充颜色：“rgba（220220,0.2）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
数据：[40,10,60,70,20,20]
},
{
填充颜色：“rgba（151187205,0.2）”，
strokeColor:“rgba（151187205,1）”，
点颜色：“rgba（151187205,1）”，
数据：[30,70,40,90,60,70]
}
]
};
}
})();

---

我在项目文件夹的

/script

文件夹下包含了这些.js文件。

我以前从未使用过Chart.js，但似乎你做得不对

你从来没有初始化过图表，通过阅读文档，比如10秒钟，我发现你必须这样初始化它

var ctx = document.getElementById("here_is_the_canvas_element").getContext('2d');
var myChart = new Chart(ctx, { ... })

---

在包含库之前，您正在使用Chart.js代码

错误是什么？您的画布结束标记加倍，可能浏览器未解析宽度和高度属性，导致页面空白。试试@WouterCoebergh，这是一个打字错误。@Sajeetharan没有错误，只是无法画画