"Echarts 折线图展示时，如果横轴是按分钟展示数据，并且要一次展示一小时数据，那么横轴上会有 60 个标签，这样会导致数据会重叠在一起，展示效果不理想，此时可以横轴标签的间隔，比如每 5 .."

gxy 唐山
乾学院 60 号会员
1,322 浏览 • 5 年前

echarts 折线图横轴标签间隔

灌水

Echarts 折线图展示时，如果横轴是按分钟展示数据，并且要一次展示一小时数据，那么横轴上会有 60 个标签，这样会导致数据会重叠在一起，展示效果不理想，此时可以横轴标签的间隔，比如每 5 分钟展示一个横轴标签，设置方式：

在 echarts 的脚本中，找到横轴标签处：

xAxis : \[

                           {

                               type : 'category',

                               boundaryGap : false,

                               data : ${categoryData},//\['周一','周二','周三','周四','周五','周六','周日'\]

                           axisLabel:{

                                     interval:4,

                               }

                           }

                       \],

在里边增加：

                           axisLabel:{

                                     interval:4,

                               }

表示每间隔 4 个点显示一个标签，展示效果如图：