ECHARTS

【已解决】如何设置echarts的X轴字体不重叠?

问题描述:X轴需要显示一个月的每一条,结果X轴日期数据就重叠了。如下图:怎么才能显示如下图的:有以下几种方案解决:如果EChartsX轴的axisLabel合并或者重叠,可以根据以下方法进行设置。调整X轴刻度间隔可以通过设置interval属性,调整X轴刻度的间隔,来解决axisLabel的合并或者重叠问题。例如:xAxis: { type:

问题描述:

X轴需要显示一个月的每一条,结果X轴日期数据就重叠了。如下图:

3a98c041151c4de4b1b5480cdd473845.png

怎么才能显示如下图的:

426c12978a91a5398a37fda03402fd9e.png

有以下几种方案解决:

如果ECharts X轴的axisLabel合并或者重叠,可以根据以下方法进行设置。

  1. 调整X轴刻度间隔

可以通过设置interval属性,调整X轴刻度的间隔,来解决axisLabel的合并或者重叠问题。例如:

xAxis: {
    type: 'category',
    axisLabel: {
        interval: 0, //强制显示所有标签
        rotate: 30 //标签旋转30度
 

原创不易,完成人机校验,阅读全文

相关推荐