默认情况下,Echarts的X轴会自动合并的。如下图:
那么怎么设置,不要自动合并呢?
答:如果需要在 ECharts 中禁止 X 轴自动合并,可以使用 xAxis.axisLabel.interval
属性。该属性表示设置刻度标签的显示间隔,在设置为0时表示所有标签都显示,可以通过设置为1或其他正整数来控制 X 轴标签的显示密度。具体实例如下:
option = { ... xAxis: { type: 'category', data: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'], axisLabel: { interval: 0 } }, ... };
在上述示例中,将 interval
属性设置为0,表示不忽略任何刻度标签,所有标签都显示出来。如果将 interval
属性设置为其他正整数,ECharts 将自动合并相邻的标签,并显示更少的标签,以达到更好的显示效果。