全栈工程师开发手册 (作者:栾鹏)
6大公共组件详解(点击进入):
title详解、 tooltip详解、toolbox详解、legend详解、dataZoom详解、visualMap全解
5大坐标系详解(点击进入):
地理坐标系geo详解、grid直角坐标系(xAxis、yAxis)详解、parallel平行坐标系详解、polar极坐标系详解、radar雷达坐标系详解
19种图表类型详解(点击进入,待续):
series-bar柱形图详解、series-effectscatter特效散点图、series-graph关系图、series-heatmap热力图、series-line线图、series-map地图、series-pie饼图、series-radar雷达图、series-scatter散点图
Echarts数据可视化legend图例详解:
legend={ show:true, //是否显示 zlevel:0, //所属图形的Canvas分层,zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面 z:2, //所属组件的z分层,z值小的图形会被z值大的图形覆盖 left:"center", //组件离容器左侧的距离,'left', 'center', 'right','20%' top:"top", //组件离容器上侧的距离,'top', 'middle', 'bottom','20%' right:"auto", //组件离容器右侧的距离,'20%' bottom:"auto", //组件离容器下侧的距离,'20%' width:"auto", //图例宽度 height:"auto", //图例高度 orient:"horizontal", //图例排列方向 align:"auto", //图例标记和文本的对齐,left,right padding:5, //图例内边距,单位px 5 [5, 10] [5,10,5,10] itemGap:10, //图例每项之间的间隔 itemWidth:25, //图例标记的图形宽度 itemHeight:14, //图例标记的图形高度 formatter:function (name) { //用来格式化图例文本,支持字符串模板和回调函数两种形式。模板变量为图例名称 {name} return 'Legend ' + name; }, selectedMode:"single", //图例选择的模式,true开启,false关闭,single单选,multiple多选 inactiveColor:"#ccc", //图例关闭时的颜色 textStyle:mytextStyle, //文本样式 data:['类别1', '类别2', '类别3'], //series中根据名称区分 backgroundColor:"transparent", //标题背景色 borderColor:"#ccc", //边框颜色 borderWidth:0, //边框线宽 shadowColor:"red", //阴影颜色 shadowOffsetX:0, //阴影水平方向上的偏移距离 shadowOffsetY:0, //阴影垂直方向上的偏移距离 shadowBlur:10, //阴影的模糊大小};