echarts3.0

Posted 2020-09-21 yaoya

　　因为要更新手机报表，而原来用的echarts插件版本太低，样式不美观，所以最近在echarts官网学习最新的echarts版本，现在先只对最常见的折线图，柱状图，饼图进行总结。

　　大概写法都是一样的，首先要创建一个装图标的容器，且该容器一定要有宽高，否则图形不会显示出来。然后进行图形初始化。

　　现在对对象里面的属性用我所理解的话来进行解析。首先是title，即标题。tooltip，即鼠标悬浮交互时的信息提示。grid，可以调整图形在容器中的位置和大小，这个在饼图中没有作用，饼图的大小是series中的radius来改变。legend，在图形中的标记，可显示可不显示，legend中的data中的值要与series中的name一一对应。toolBox，工具箱，里面有还原、保存为图片、数据格式转换等操作。series中的数据data在折线图和柱状图中的格式是不一样的，折线图中的data就是一个数组，而柱状图是这样：

　　data:[
　　　　{value:335, name:‘直接访问‘},
　　　　{value:310, name:‘邮件营销‘},
　　　　{value:274, name:‘联盟广告‘},
　　　　{value:235, name:‘视频广告‘},
　        {value:400, name:‘搜索引擎‘}
　　]　　

　　series中有几个对象图形中就展示几条数据。