必备技能echarts

echart 设置图例图标形状

https://blog.csdn.net/qq_15390381/article/details/81736796
legend: {

data: ["总数", "已解决", "未解决"],

icon: "circle",   //  这个字段控制形状  类型包括 circle，rect ，roundRect，triangle，diamond，pin，arrow，none

itemWidth: 10,  // 设置宽度

itemHeight: 10, // 设置高度

itemGap: 40 // 设置间距

},

 

https://blog.csdn.net/spt_dream/article/details/89091146

egend的颜色是在option里面直接定义的color数组，有几个图例就在color里面写几个颜色值。

 

var option = {
color:['#4472C5','#ED7C30','#80FF80','#FF8096','#800080'],
legend: {
data:['临停车','月租车','免费车','储值车','军警车'],
left:'center',
bottom:'10%',
itemWidth:10,//图例的宽度
itemHeight:10,//图例的高度
textStyle:{//图例文字的样式
color:'#ccc',
fontSize:16
}
},
...
}

 

 

https://www.cnblogs.com/1996zy/p/8963385.html   重要总结

 

https://segmentfault.com/q/1010000016849392/a-1020000016849759