前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【我来改bug】Echart x轴的坐标刻度过多问题

【我来改bug】Echart x轴的坐标刻度过多问题

作者头像
周杰伦本人
发布2022-10-25 15:14:30
1K0
发布2022-10-25 15:14:30
举报
文章被收录于专栏:同步文章

测试提了一个bug 如题:

在这里插入图片描述
在这里插入图片描述

因为我们的功能x轴的可以自定义的 选择日期越多 x轴的刻度全都显示出来 就会很乱 这个Echart有个属性: 刻度间隔的相关属性就是:interval。 设置成auto 就自动设置间隔了

代码语言:javascript
复制
xAxis : [
   	        {
   	            type : 'category',
   	            boundaryGap : false,
   	            data : fw,
                  axisTick: {
                      show: false
                  },
                  axisLine: {
                      show: false
                  },
                  splitLine: {
                      show: false
                  },
                  axisLabel: {
               	   interval:'auto',//0:表示全部显示不间隔;auto:表示自动根据刻度个数和宽度自动设置间隔个数
                      rotate:-30,//-30度角倾斜显示  
                      margin: 34
                  }
   	        }
   	    ],

效果:

在这里插入图片描述
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-11-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云服务器利旧
云服务器(Cloud Virtual Machine,CVM)提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源,适应变化的业务需求,并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档