在写echarts的过程中,遇到需要改变标志图形的大小与形状的需求。
百度之后,在legend中写入icon: '****',可以改变标志图形。
legend: {
itemWidth: 5,// 标志图形的长度
itemHeight: 5,// 标志图形的宽度
bottom: 10,
left: 'center',
data: [{
name: '市域城镇人口',
icon: 'circle' // echarts默认是矩形,不显示标志图形可设为'none'
},
{
name: '城区城镇人口',
icon: 'circle' // 还有'circle' | 'rectangle' | 'triangle' | 'diamond' |'emptyCircle' | 'emptyRectangle' | 'emptyTriangle' | 'emptyDiamond'
},
{
name: '城市集中建设区常住人口',
icon: 'circle'
}
]
},
// 还支持五种更特别的标志图形'heart'(心形)、'droplet'(水滴)、'pin'(标注)、'arrow'(箭头)和'star'(五角星),这并不出现在常规的8类图形中,但无论是在系列级还是数据级上你都可以指定使用,同时,'star' + n(n>=3)可变化出N角星,如指定为'star6'则可以显示6角星