ECharts图表坐标轴数据超出显示范围,以及坐标轴刻度标签显示不全解决方法

1.在使用ECharts图表时,比较常见到坐标轴数据超出显示范围的情况,如下

ECharts图表坐标轴数据超出显示范围,以及坐标轴刻度标签显示不全解决方法_第1张图片

解决办法:添加配置

ECharts图表坐标轴数据超出显示范围,以及坐标轴刻度标签显示不全解决方法_第2张图片

2.坐标轴刻度标签显示不全

就简单描述一下,比如你的数据横坐标有15个,但是默认不会显示全部

解决方法:添加配置

ECharts图表坐标轴数据超出显示范围,以及坐标轴刻度标签显示不全解决方法_第3张图片

如果标签过多显示重叠,可以设置rotate倾斜角度解决

ECharts图表坐标轴数据超出显示范围,以及坐标轴刻度标签显示不全解决方法_第4张图片

以上问题解决X,Y轴通用,使用时注意区分 xAxis 与 yAxis 即可。

你可能感兴趣的:(echarts,html5,javascript)