ECharts 学习笔记 - x/y轴 强制显示最小值、最大值
当数轴上刻度过多无法全部显示时,需要隐藏一部分。 默认由系统自动判定,这时最大小最值就不一定会显示出来。(即如果标签重叠,不会显示)
发布日期:2021-06-30 14:53:51
浏览次数:2
分类:技术文章
本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月06日 14时36分55秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
MySQL进阶查询(SELECT 语句高级用法)
2019-04-30
Mysql 之主从复制
2019-04-30
【工具使用】新版CSDN-markdown编辑器使用指南
2019-04-30
【NLP学习笔记】中文分词(Word Segmentation,WS)
2019-04-30
【超越白皮书7】你需要知道关于ETH2.0的几个事实
2019-04-30
对于时间复杂度的通俗理解
2019-04-30
如何输入多组数据并输出每组数据的和?
2019-04-30
行阶梯型矩阵
2019-04-30
MATLAB指定路径保存图片方法
2019-04-30
JAVA学习笔记6 - 数组
2019-04-30
JAVA学习笔记10 - 继承
2019-04-30
Android 开发学习笔记 00 - Getting Started
2019-04-30
【学习笔记】Android Activity
2019-04-30
Android使用Retrofit_00_Getting Started
2019-04-30
Android使用Retrofit_01_OAuth2 + GitHub
2019-04-30
OpenCV杂记 - Mat in C++
2019-04-30
location区段
2019-04-30
nginx访问控制、基于用户认证、https配置
2019-04-30
linux内存的寻址方式
2019-04-30