echarts x轴坐标文字显示不全

2023-05-25,,

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

图二:修改后的图片

解决办法:

      grid: {
      y2: 140
      },
      xAxis: {
      type: 'category',
      boundaryGap: [0, 0.01],
      name: '投标人',
      data:  [ '' ],
      axisLabel:{
      interval:0,//横轴信息全部显示
      rotate:-30,//-30度角倾斜显示
      }
      },

echarts x轴坐标文字显示不全的相关教程结束。

《echarts x轴坐标文字显示不全.doc》

下载本文的Word格式文档,以方便收藏与打印。