Echarts折线图X轴Y轴图例位置调整

时间:2024-03-15 21:58:58

当X轴数据过多时Echarts会默认显示一半
如下图只显示奇数月份
Echarts折线图X轴Y轴图例位置调整
Echarts加入axisLabel然后将interval设置为0就会将横轴全部显示
Echarts折线图X轴Y轴图例位置调整
看一下效果
Echarts折线图X轴Y轴图例位置调整
但是信息太多,看起来黏在了一起,我们可以让它-30度角倾斜显示
Echarts折线图X轴Y轴图例位置调整
同样在axisLabel将rotate设置为-30,再看一下效果
Echarts折线图X轴Y轴图例位置调整
这下都显示出来的,但是横坐标信息显示不全(看不到日期了),接着我们就可以设置图例和左右边距
Echarts折线图X轴Y轴图例位置调整
最终的效果如下所有的信息全部都显示了出来
Echarts折线图X轴Y轴图例位置调整