Chart.js使用教程

1、首先我们需要在页面中引入Chart.js文件。此工具库在全局命名空间中定义了Chart变量。<script src="Chart.js"></script>

3、我们还可以用jQuery获取canvas的context。首先从jQuery集合中获取我们需要的DOM节点，然后在这个DOM节点上调用getContext("2d")方法。var ctx = document.getElementById("canvas").getContext("2d"); myNewChart_4 = new Chart(ctx).Doughnut(doughnutData, doughnutOptions);

5、定义doughnutDatavar doughnutData = [ { value多唉捋胝: 300, color: "rgba(220,220,220,0.8)", highlight: "rgba(220,220,220,0.7)", label: "Grey" }, { value: 50, color: "rgba(151,187,205,1)", highlight: "rgba(151,187,205,0.8)", label: "Blue" }, { value: 100, color: "rgba(169, 3, 41, 0.7)", highlight: "rgba(169, 3, 41, 0.7)", label: "Red" } ];