echarts使用

ECharts的使用
通过标签方式直接引入构建好的 echarts 文件

绘制一个简单的图表
在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图，下面是完整代码。

常用配置项的修改

toolbox：工具箱的显示和隐藏

• show :true/false 显示和隐藏
• left:“right”/“num值” top:“bottom”/“num值” 控制显示位置
• orient:“vertical” 对齐方式，默认水平
• magicType：{ //是否进行类型切换
  ​ show:true,
  ​ type:[“line”,“bar”] //修改的类型
  ​ }
• restore 是否进行刷新
• savaAsImage 是否进行刷新
• dataview：数据修改复制代码

title：标题

text：主标题
subtext：副标题复制代码

tooltip：数据提示

trigger: ‘axis’ 显示在轴上，默认是在线上显示复制代码

dataZoom：数据区域缩放

show:true 默认为false
start：20 开始位置为20%
end： 80 结束位置为80% （默认100%）复制代码

xAxis：

boundaryGap:true 起始结束两端是否留白
data：function(){ //数据可以是数组，可以是函数处理的数组结构
​ var list = [];
​ for (var i = 1;i<30;i++){
​ list.push(“2013-03-”+i);
​ }
​ return list
}() //函数需要立即执行复制代码

series：显示的数列

name:"" 显示几个数据

• type:"" 图标类型复制代码