网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

Chart.js使用教程

时间:2024-10-15 16:29:35

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

Chart.js使用教程

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

Chart.js使用教程

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" } ];

Chart.js使用教程
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com