关于 chartjs插件的用法
2016-04-08 19:34
471 查看
1 首先传入chartjs 插件和和js文件 这里我民命为script.js
2 在需要绘制的页面加上 canvas画布 绘制需要的图形
var data = [
{
value: 30,
color:"#F38630"
},
{
value : 50,
color : "#E0E4CC"
},
{
value : 100,
color : "#69D2E7"
}
]
window.onload = function(){
var ctx = document.getElementById("canvas").getContext("2d");
window.myChart = new Chart(ctx).Pie(data, {
responsive: true
});
}
2 在需要绘制的页面加上 canvas画布 绘制需要的图形
var data = [
{
value: 30,
color:"#F38630"
},
{
value : 50,
color : "#E0E4CC"
},
{
value : 100,
color : "#69D2E7"
}
]
window.onload = function(){
var ctx = document.getElementById("canvas").getContext("2d");
window.myChart = new Chart(ctx).Pie(data, {
responsive: true
});
}
相关文章推荐
- JSON详解
- JavaScript History对象
- javascript中base64和Gzip的使用
- JavaScript计时器
- 生成json接口
- JSP简要
- JavaScript 对象的构成与创建
- 浅谈JavaScript如何运行中断或停止
- 详解js跨域问题
- JS中保留小数位数
- 网页下拉加载更多
- 第一篇 对Javascript中原型的深入理解
- 网页上传图片预览功能
- js表单的focus()与blur()方法
- JS直接导出excel 兼容ie、chrome、firefox
- JavaScript —— 数组方法汇总,array数组元素的添加和删除
- js实现浏览器兼容复制功能
- JSP如何输出当前时间
- 深入剖析jsp四种属性范围(简单实例)
- JSP页面中的pageEncoding和contentType两种属性