如图,如果x轴上仅仅为一个值时,则横向显示,如果为多个,则倾斜显示,怎么做到
配置项如下
options=[
{
title: {
text: '横坐标栏目名称倾斜显示'
},
grid: {
width: '60%',
height: '60%',
left: '30%'
},
xAxis: {
data: ['我是这个图表的栏目0001,我很长,我可能比现在更长', '我是这个图表的栏目0002,我很长,我可能比现在更长', '我是这个图表的栏目0003,我很长,我可能比现在更长', '我是这个图表的栏目0004,我很长,我可能比现在更长', '我是这个图表的栏目0005,我很长,我可能比现在更长', '我是这个图表的栏目0006,我很长,我可能比现在更长', '我是这个图表的栏目0007,我很长,我可能比现在更长'],
axisLabel: {
interval: 0,
rotate: 15,
// fontSize: 6,
inside: false
},
position: 'bottom',
offset: 0,
interval:0,//横轴信息全部显示
rotate: 60,//60度角倾斜显示
},
yAxis: {},
series: [{
type: 'bar',
data:[220, 182, 191, 234, 290, 330, 310]
}]
},
{
title: {
text: '横坐标栏目名称横向显示'
},
grid: {
width: '60%',
height: '60%',
},
xAxis: {
data: ['我是这个图表的栏目0001'],
axisLabel: {
interval: 0,
// fontSize: 6,
},
position: 'bottom',
offset: 0,
interval:0,//横轴信息全部显示
},
yAxis: {},
series: [{
type: 'bar',
data:[220, 182, 191, 234, 290, 330, 310]
}]
}
]