char.js专门用来做数据统计图

简介: var lineChartData_cashback_total = { labels : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'], datasets :...
<canvas id="cashback" width="930" height="460"></canvas>
<script type="text/javascript" src="__TMPL__Public/js/Chart.min.js"></script>
<script>
var
lineChartData_cashback_total = { labels : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'], datasets : [ { fillColor : "rgba(220,220,220,0.5)", strokeColor : "rgba(220,220,220,1)", pointColor : "rgba(220,220,220,1)", pointStrokeColor : "#0f0", data : [50,60,70,80,90,100,100,120,90,100,100,120] } ] };
var cashback = new Chart(document.getElementById("cashback").getContext("2d")).Line(lineChartData_cashback_total);
</script>

如此就OK了,char.js还可以画其他的图,效果很好看

目录
相关文章
|
1月前
|
前端开发 JavaScript Go
JS基础:输出信息的5种方式详解
JS基础:输出信息的5种方式详解
32 1
|
4月前
|
JavaScript
JS代码动态打印404页面源码
源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
31 0
JS代码动态打印404页面源码
|
JavaScript
js列展示功能
js列展示功能
50 0
|
JavaScript
js随机飘动的广告图片代码demo效果示例(整理)
js随机飘动的广告图片代码demo效果示例(整理)
|
JavaScript 数据处理 索引
JS reduce方法对后台数据的处理案例(秒解决)
JS reduce方法对后台数据的处理案例(秒解决)
99 0
|
JavaScript
JS 数据排序展示
JS 数据排序展示
48 0
|
JavaScript 前端开发 API
Vue.js框架简单读取数据库信息并渲染完成news新闻文章列表以及detail详情页功能(小试牛刀)
Vue.js框架简单读取数据库信息并渲染完成news新闻文章列表以及detail详情页功能(小试牛刀)
|
JavaScript
JS数组分多行多列显示的解决方案
JS数组分多行多列显示的解决方案
74 0
|
JavaScript
Chart.js-极区图分析(参数分析+例图)
Chart.js-极区图分析(参数分析+例图)
117 0
Chart.js-极区图分析(参数分析+例图)
|
JavaScript
Chart.js-雷达图分析(参数分析+例图)
Chart.js-雷达图分析(参数分析+例图)
241 0
Chart.js-雷达图分析(参数分析+例图)