echarts 数据统计报表

官网   http://echarts.baidu.com/index.html

 

 

1. 咱们下载好开发包后就能够开始了，第一步引入开发包，和须要的主题文件（可定义本身的主体文件），并定义好页面布局。2.0之后上的版本，须要把开发包放到body下，不然ie低版本会出现属性未找到的错误，致使图标初始化失败。
2.  

   第二步，普通初始化图表，经过调用开发包方法，有两种初始化方式，

   1.var myChart = echarts.init(document.getElementById("echart"));

   2.var myChart=require('echarts').init(document.getElementById("echart"));

   通常建议使用第一种方法进行初始化操做。
3.  

   第三步，设置option属性，来给图表设置数据,option是数组元素，tooltip：提示框，legend图例，calculable可设置是否拖拽，series设置数据（data类型也为数组类型），咱们开始先随机初始化几条模拟数据，
4.  

   到这一步，就完成了，图表初始化的步骤，效果以下图所示。而后你们是否是想咱们能够改变下图标的样式？答案是能够的，2.0版本为咱们留了设置主题的方法，可设置setThem()对图表样式进行修改
5.  

   咱们来看看，主题怎么配置吧，设置色版，设置主题颜色，不一一介绍了，请你们请看下面代码：
6. 6

   经过上面主题的添加咱们就完成了对样式的修改，固然最后你们记嘚设置myChart.setTheme(theme);