1、legend 每个label长度不一样 需要对齐时,自定义每一项的样式
this.legendData = [
{
data: [dataList[0].name],
left: '20px',
formatter: function (name) {
return '{a|' + name + '}'
},
textStyle: {
color: '#78A0C2',
backgroundColor: "transparent",
rich: {
a: {
width:260
}
}
},
icon: 'rect', // 形状
itemWidth: 6, // 宽
itemHeight: 6 // 高
},
{
data: [dataList[2].name],
textStyle: {
color: '#78A0C2',
backgroundColor: "transparent",
width:240
},
left: '310px',
icon: 'rect',
itemWidth: 6,
itemHeight: 6
},
{
data: [dataList[1].name],
left: '20px',
top: '20px',
textStyle: {
color: '#78A0C2'
},
icon: 'rect',
itemWidth: 6,
itemHeight: 6
},
{
data: [dataList[3].name],
left: '310px',
top: '20px',
textStyle: {
color: '#78A0C2'
},
icon: 'rect',
itemWidth: 6,
itemHeight: 6
}
]
2、 x轴lable放置不下旋转、强制显示不间隔
axisLabel: {
// rotate: 25, //旋转
interval: 0, //强制显示所有label
textStyle: {
fontSize: 12,
color: '#78A0C2'
}
},