多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
在echarts中应用柱状图或者折线图时,当数据量过多的时候,X轴的坐标就会显示不全(如下图): ![](https://box.kancloud.cn/831bdce90698644c6f7671a3a9f7122f_735x539.jpg) 在ECharts图表组件内部有一个机制,用于统计xAxis坐标刻度的个数和图表宽度,从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是:interval。还有一个属性:rotate: number 度角是倾斜的控制所在。 ~~~ xAxis: { data: legendData, axisLabel: { interval:0, rotate:-30, textStyle: { color: '#999' } } }, ~~~ 调整后 ![](https://box.kancloud.cn/5b97da63a34a420d5bbc07ca82260f88_763x576.jpg) 后记:必要时可以调整grid ![](https://box.kancloud.cn/2e9bc01e35bbf93453ab8a32c6b774d5_798x331.png)