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还可以画其他的图,效果很好看

目录
相关文章
|
5月前
|
JavaScript 前端开发 算法
Node.js 艺术:用代码打印出绚丽多彩的控制台柱状图
Node.js 艺术:用代码打印出绚丽多彩的控制台柱状图
78 0
|
3月前
|
JavaScript
JS代码动态打印404页面源码
源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
27 0
JS代码动态打印404页面源码
|
JavaScript
js列展示功能
js列展示功能
45 0
|
JavaScript
js随机飘动的广告图片代码demo效果示例(整理)
js随机飘动的广告图片代码demo效果示例(整理)
|
JavaScript 数据处理 索引
JS reduce方法对后台数据的处理案例(秒解决)
JS reduce方法对后台数据的处理案例(秒解决)
81 0
|
JavaScript
JS 数据排序展示
JS 数据排序展示
47 0
|
JavaScript 数据可视化 定位技术
Echarts实战案例代码(11):利用geojson数据地图map组件生成js本地版直接访问的解决方案
Echarts实战案例代码(11):利用geojson数据地图map组件生成js本地版直接访问的解决方案
404 0
|
JavaScript
JS数组分多行多列显示的解决方案
JS数组分多行多列显示的解决方案
71 0
|
前端开发 容器
Echarts实战案例代码(36):nicescroll.min.js实现图表隐藏部分滚动显示的解决方案
Echarts实战案例代码(36):nicescroll.min.js实现图表隐藏部分滚动显示的解决方案
75 0
|
JavaScript
Chart.js-极区图分析(参数分析+例图)
Chart.js-极区图分析(参数分析+例图)
109 0
Chart.js-极区图分析(参数分析+例图)