折线图数据信息
let xAxisData = ['2021-10-01', '2021-10-02', '2021-10-02','2021-10-02', '2021-10-02', '2021-10-02', '2021-10-02', '2021-10-02', '2021-10-02', '2021-10-02', '2021-10-02'];
let seriesData = [
{
name: 'Forest',
data: [8120, 932, 1901, 934, 1290, 41330, 1320,1290,1290,1290,1290],
type: 'line',
smooth: true,
symbol:'none',
},
{
name: 'Steppe',
data: [1020, 732, 9901, 41934, 1290, 13300, 11320,1290,1290,1290,1290],
type: 'line',
smooth: true,
symbol:'none',
},
{
name: 'Banans',
data: [4020, 3732, 6901, 41934, 9290, 23300, 61320,1290,1290,1290,1290],
type: 'line',
smooth: true,
symbol:'none',
}
]
默认效果,x轴label不做处理
让x轴label全部显示
xAxis: {
type: 'category',
data: xAxisData,
axisLabel: {
interval: 0,
},
},
但是label会出现重叠的情况
让x轴label倾斜显示,不再发生重叠效果
xAxis: {
type: 'category',
data: xAxisData,
axisLabel: {
interval: 0,
rotate: 45,
},
},