曲线图使用了多个y轴,其中一些y轴的name标题有点长,会造成字体重叠,我想让name标题多行显示,这样就不会重叠了,请问如何实现?
配置项如下
option = {
title: {
text: 'yAxis的name标题太长字体重叠,如何多行显示?'
},
xAxis: {
data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
},
yAxis: [
{
"type": "value",
"name": "油压",
"position": "left",
"offset": 5,
"min": 0,
"max": 100,
"interval": 20,
"splitLine": {
"show": true,
"lineStyle": {
"color": "#666666"
}
},
"nameTextStyle": {
"color": "#FF0000"
},
"axisLine": {
"lineStyle": {
"color": "#FF0000",
"width": 1
}
}
},
{
"type": "value",
"name": "套压",
"position": "right",
"offset": 5,
"min": 0,
"max": 80,
"interval": 16,
"splitLine": {
"show": true,
"lineStyle": {
"color": "#666666"
}
},
"nameTextStyle": {
"color": "#FF00FF"
},
"axisLine": {
"lineStyle": {
"color": "#FF00FF",
"width": 1
}
}
},
{
"type": "value",
"name": "阶段\n累计排量", //这样???
"position": "left",
"offset": 50,
"min": 0,
"max": 1000,
"interval": 200,
"splitLine": {
"show": true,
"lineStyle": {
"color": "#666666"
}
},
"nameTextStyle": {
"color": "#00FF00"
},
"axisLine": {
"lineStyle": {
"color": "#00FF00",
"width": 1
}
}
},
{
"type": "value",
"name": "阶段累计液量",
"position": "right",
"offset": 50,
"min": 0,
"max": 200,
"interval": 40,
"splitLine": {
"show": true,
"lineStyle": {
"color": "#666666"
}
},
"nameTextStyle": {
"color": "#000000"
},
"axisLine": {
"lineStyle": {
"color": "#000000",
"width": 1
}
}
}
],
series: [{
type: 'line',
data:[220, 182, 191, 234, 290, 330, 310]
}]
};