Echarts类目轴改为时间轴控制坐标间距
问题分析:类目轴数据较少时,左右间距过多,整体看起来不协调,这时想更改类目轴左右间距,但是发现无法自定义成自己想要的间距,只有默认间距和贴边两种方式,所以将类目轴换成时间轴取巧
以下是第二张图的配置
option = {
title: {
text: '动态数据 + 时间坐标轴'
},
color: ['#03B5CF', '#C4C134'],
xAxis: {
type: 'time',
boundaryGap: ['10%', '10%'],
splitLine: {
show: false
},
splitNumber: 2,
},
yAxis: {
type: 'value',
splitLine: {
show: false
}
},
series: [{
name: '固废',
type: 'line',
data:[
['2020',1740.55],
['2021',2327.3],
]
},
{
name: '危废',
type: 'line',
data:[
['2020',498],
['2021',2956],
]
}]
};