1.echarts lenged 形状设置:
1.可以使用icon分别设置形状等:
//标志图形类型,默认自动选择(8种类型循环使用,不显示标志图形可设为'none'),默认循环选择类型有:'circle' | 'rectangle' | 'triangle' | 'diamond' |'emptyCircle' | 'emptyRectangle' | 'emptyTriangle' | 'emptyDiamond'另外,还支持五种更特别的标志图形'heart'(心形)、'droplet'(水滴)、'pin'(标注)、'arrow'(箭头)和'star'(五角星),这并不出现在常规的8类图形中,但无论是在系列级还是数据级上你都可以指定使用,同时,'star' + n(n>=3)可变化出N角星,如指定为'star6'则可以显示6角星.
2.可以分别设置字体,颜色等
legend: {
itemWidth: 9,
itemGap: 30,
data: [
{name:"0出勤",icon:"emptyCircle",
textStyle: {fontWeight: 'bold', color: 'green'},
{name:"未排班"},
{name:"達標"},
{name:"未達標"},
],
right: 50, //右邊距
top: 10, // 上邊距
bottom:15
},
2.在series里面通过symbol可以设置图标的样式
series: [
{
name: '0',
type: 'scatter',
symbol: "emptyCircle",
itemStyle: {
normal: {
color:"#ff9018",
// borderColor:"#ff9018",
// borderWidth:2,
}
},
symbolSize: function(val) {
return val[2] * 38;
},
data: d,
animationDelay: function(idx) {
return idx * 5;
}
},
{
name: '達標',
type: 'scatter',
symbolSize: function(val) {
return val[2] * 38;
},
data: b,
color:"#49a1ff",
animationDelay: function(idx) {
return idx * 5;
}
},
{
name: '未達標',
color:"#ff9018",
type: 'scatter',
symbolSize: function(val) {
return val[2] * 38;
},
data: c,
animationDelay: function(idx) {
return idx * 5;
}
},
]