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

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

你可能感兴趣的:(java,Echarts,jsp,javascript,java)