ECharts 学习笔记 - x/y轴 强制显示最小值、最大值
发布日期:2021-06-30 14:53:51 浏览次数:3 分类:技术文章

本文共 1040 字,大约阅读时间需要 3 分钟。

ECharts 学习笔记 - x/y轴 强制显示最小值、最大值

当数轴上刻度过多无法全部显示时,需要隐藏一部分。
默认由系统自动判定,这时最大小最值就不一定会显示出来。(即如果标签重叠,不会显示)

关键在于这两个属性 showMinLabelshowMaxLabel

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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:IntelliJ IDEA 记学习笔 - Git历史版本切换
下一篇:Vue 学习笔记 - 若依前后端分离项目发布到子目录

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年04月24日 10时45分12秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

6-人人vue 中启动报错<% if (process.env.NODE_ENV === ‘production‘) { %> <% }else { %> <% } %> 2019-05-01
1-谷粒商城-Mac电脑启动项目报错(Windows启动不报错),Caused by: java.net.SocketException: Permission denied 2019-05-01
2-报错:source 1.5 中不支持 diamond 运算符[ERROR] (请使用 -source 7 或更高版本以启用 diamond运算符) 2019-05-01
牛客高级项目(二)-MySQL报错:Expression #1 of SELECT list is not in GROUP BY clause and contains 2019-05-01
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
7-MySQL报错:jdbc.CannotGetJdbcConnectionException: Could not get JDBC Connection; nest 2019-05-01
5-solr连接Mysql警告Establishing SSL connection without server‘s identity verification is not recommende 2019-05-01
1、Idea单元测试时,程序报错:java.lang.NoSuchMethodError: org.junit.platform.commons.util. 2019-05-01
2、idea 启动项目JDK、JRE报错:Class JavaLaunchHelper ...One of the two will be used. Which one is undefined. 2019-05-01
3、mysql连接报错、mysql插入中文乱码,java.sql.SQLException: No timezone mapping entry for ‘GMT+81 2019-05-01
修改SpringBoot内置Tomcat的端口 2019-05-01
java中的锁 2019-05-01
I/O总结 2019-05-01
Layout Element与Horizontal Layout GrounpHor----------输入聊天框与标签的动态占比 2019-05-01
c++面经汇总(操作系统 互斥锁机制以及互斥锁和读写锁的区别、进程状态转换(动态就绪、静态就绪、动态阻塞、静态阻塞)软链接、硬链接、大端小端、用户态和内核态、死锁产生的必要条件、内存溢出和内存泄漏线 2019-05-01
c++面经整理(操作系统 协程、协程与线程、系统调用、fork实例、微内核与宏内核、僵尸进程、IO模型、异步编程的事件循环、page cache) 2019-05-01
mmorpg小地图系统制作 2019-05-01
Xlua之Bundle构建工具创建 2019-05-01
版本管理之使用TortoiseGit将将自己的项目上传到gitee上 2019-05-01