ECharts 学习笔记 - x/y轴 强制显示最小值、最大值
当数轴上刻度过多无法全部显示时,需要隐藏一部分。 默认由系统自动判定,这时最大小最值就不一定会显示出来。(即如果标签重叠,不会显示)
发布日期:2021-06-30 14:53:51
浏览次数:3
分类:技术文章
本文共 1040 字,大约阅读时间需要 3 分钟。
ECharts 学习笔记 - x/y轴 强制显示最小值、最大值
关键在于这两个属性 showMinLabel
、showMaxLabel
xAxis.axisLabel. showMinLabel
boolean 是否显示最小 tick 的 label。可取值 true, false, null。默认自动判定(即如果标签重叠,不会显示最小 tick 的 label)。
xAxis.axisLabel. showMaxLabel
boolean 是否显示最大 tick 的 label。可取值 true, false, null。默认自动判定(即如果标签重叠,不会显示最大 tick 的 label)。
开启前
开启后
例子
(打开链接,代码复制过去运行即可)
function shuffle(arr) { var len = arr.length; for (var i = 0; i < len - 1; i++) { var index = parseInt(Math.random() * (len - i)); var temp = arr[index]; arr[index] = arr[len - i - 1]; arr[len - i - 1] = temp; } return arr;}var len = 999;var xdata =Array.from({ length:len}, (v, k) => k+1);var ydata =shuffle(xdata.slice(0));option = { xAxis: { data: xdata, axisLabel: { showMinLabel: true, // 强制显示最小值标签 showMaxLabel: true, // 强制显示最大值标签 },}, yAxis: { type: 'value' }, series: [{ data: ydata, type: 'line' }]};
参考资料
转载地址:https://jerryjin.blog.csdn.net/article/details/114001270 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
做的很好,不错不错
[***.243.131.199]2024年04月24日 10时45分12秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
8-MySQL启动报错解决方案ERROR! The server quit without updating PID file (Mysql怎么启动、重启、kill进程、看版本号的命令)
2019-05-01
mac Archive: /Users/apple/Library/Caches/Homebrew/portable-ruby-2.3.3.leopard_64.bottle.1.tar.gz To
2019-05-01
5-solr连接Mysql警告Establishing SSL connection without server‘s identity verification is not recommende
2019-05-01
2、idea 启动项目JDK、JRE报错:Class JavaLaunchHelper ...One of the two will be used. Which one is undefined.
2019-05-01
修改SpringBoot内置Tomcat的端口
2019-05-01
java中的锁
2019-05-01
I/O总结
2019-05-01
c++面经汇总(操作系统 互斥锁机制以及互斥锁和读写锁的区别、进程状态转换(动态就绪、静态就绪、动态阻塞、静态阻塞)软链接、硬链接、大端小端、用户态和内核态、死锁产生的必要条件、内存溢出和内存泄漏线
2019-05-01
mmorpg小地图系统制作
2019-05-01
Xlua之Bundle构建工具创建
2019-05-01
版本管理之使用TortoiseGit将将自己的项目上传到gitee上
2019-05-01