如图所示,如果栏目名称过长,通过配置rotate和fontSize无法将其完全显示该怎么办?
配置项如下
option = {
title: {
text: '横坐标栏目名称过长'
},
grid: {
width: '60%',
height: '60%',
bottom: 120,
left: '30%'
},
xAxis: {
data: ['我是这个图表的栏目0001,我很长,我可能比现在更长', '我是这个图表的栏目0002,我很长,我可能比现在更长', '我是这个图表的栏目0003,我很长,我可能比现在更长', '我是这个图表的栏目0004,我很长,我可能比现在更长', '我是这个图表的栏目0005,我很长,我可能比现在更长', '我是这个图表的栏目0006,我很长,我可能比现在更长', '我是这个图表的栏目0007,我很长,我可能比现在更长'],
axisLabel: {
interval: 0,
rotate: 15,
// fontSize: 6,
inside: false
},
position: 'bottom',
offset: 0,
},
yAxis: {},
series: [{
type: 'bar',
data:[220, 182, 191, 234, 290, 330, 310]
}]
};
// 如图所示,如果栏目名称过长,
// 通过配置rotate和fontSize无法将其完全显示该怎么办?