echarts折线图中x轴的数据显示不全

 

echarts折线图中x轴的数据显示不全

在echarts中应用柱状图或者折线图时,当数据量过多的时候,X轴的坐标就会显示不全(如下图图一),在ECharts图表组件内部有一个机制,用于统计xAxis坐标刻度的个数和图表宽度,从而会自动调整刻度间隔个数以此达到刻度相互之间不致于很拥挤而影响图表欣赏性。刻度间隔的相关属性就是: interval 。还有一个属性: rotate : number 度角是倾斜的控制所在。

axisLabel  坐标轴刻度标签的相关设置。

 xAxis.axisLabel. interval = 'auto' 试一试

numberFunction

坐标轴刻度标签的显示间隔,在类目轴中有效。

默认会采用标签不重叠的策略间隔显示标签。

可以设置成 0 强制显示所有标签。

如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。

    axisLabel: {
              color: '#999999',
              interval: 239
            }

 

 

posted @ 2022-01-21 16:40  不特别但唯一  阅读(6805)  评论(0)    收藏  举报