echarts特色:
- 丰富的图表类型:折线图,柱状图散点图饼图等等
- 多个坐标系支持:直角坐标系,极坐标系等
- 移动端优化:图标库体积减小
- 交互式数据减缩:提供了legend,visyalMap等组件及图表附带的漫游、选取等操作提供了数据筛选、视图缩放、展示细节等能力
- 大数据量的展现
- 支持多维数据及丰富的视觉编码:除平行坐标等常见的多维数据可视化工具外,对于传统的散点图等,传入的数据也可以是多个维度的
- 动态数据
- 绚丽特效
柱状图:
- markPoint 标记,可标记最大值最小值
- MarkLine type:'average’平均值,用data数组,可以画从最小值到最大值的线
- tooltip 标记,鼠标移入有显示
- toolbox,工具栏 例如saveAsImage,会增加保存为图片的图标 还有dataView,可设置修改
- itemStyle:可通过函数设置各柱状图颜色 label加标签
- legend 定义图例,data中增加’’,可完成换行 bottom:'1%'放到底部
- magicType 定义在toolbox中,可以进行折线图和柱状图的转换
- stack:设置堆叠,值相同的几组数据堆叠在一起
- x、y反过来设置可以绘制条形图
- barMaxWidth:柱形的宽度
- dataZoom:区域选择
- emphasis:移动之后加强的样式
饼图:
- radius:饼图半径,可以定义数组,第一个是内半径,第二个是外半径形成环形
- center:圆心位置
- orient:写在legend中,设置图例水平竖直
- tooltip:dataView 设置readonly为false即可编辑
- hoverAnimaiton:动画效果
- clockWise:是否是顺时针
- data中selected设置为true就突出显示了
- roseType:‘radius’半径模式,area面积模式 南丁格尔玫瑰图
雷达图:
- 坐标轴信息放在radar:indictor数组中
- areaStyle:区域样式
- shape定义形状
- center:定义位置 radius半径