chartjs
2016-07-14 18:03
330 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description" content=""> <meta name="keywords" content=""> <link href="" rel="stylesheet"> </head> <body style="width:100%"> <canvas id="myChart" height="400" style="width=80%;margin:10% auto;"></canvas> </body> </body> </html> <script src= "Chart.js"></script> <!-- <script src= "Chart.js"></script> --> <script> var ctx = document.getElementById("myChart").getContext("2d"); var barChartData = { labels : ["2015年12月","2015年12月","2015年12月"], datasets : [ { fillColor : "rgba(220,220,220,0.5)", strokeColor : "rgba(220,220,220,1)", data : [5000,4000,6000] }, { fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,1)", data : [5015,5000,8000] } ] } var myLine = new Chart(ctx).Bar(barChartData); </script>
相关文章推荐
- js中的三大对象
- 简单javascript的使用
- javaScript百度地图
- 通过JS判断联网类型和连接状态的实现代码
- Javascript Array和String的互转换
- javascript判断机器是否联网的2种方法
- js 快速 +冒泡+去重
- js获取url参数
- Javascript 原型、原型链、prototype以及__proto__详解
- js图片自动轮播代码分享(js图片轮播)
- 面试总结篇之Javascript(三)
- javascript设计模式学习之十四——中介者模式
- canvas图片数字计时
- JS学习笔记(1)
- [译]你应该知道的4种JavaScript设计模式
- 基于JavaScript实现轮播图代码
- js如何将数字表示成23,456,987
- <Three.js>(第一节)环境搭建
- Jsp import 默认包class 的问题
- 浅谈浏览器端JavaScript跨域解决方法