当前位置:网站首页>Echart 心得 (一): 有关Y轴yAxis属性
Echart 心得 (一): 有关Y轴yAxis属性
2022-06-24 06:51:00 【拿鼓思谱】
最近一直在开发有关echarts图的需求,也遇到了很多问题,特此将知道的和遇到的都写出来记录和分享一下.
有关Y轴的知识点:
1.不想要负Y轴(有时将数据处理了,或者数太小,都可能出现负Y轴,实际负轴没啥用),可以直接设置 min:0;
2.想要Y轴都是整数,设置坐标轴最小间隔大小 minInterval: 1 ,注意:只在数值轴或时间轴中(type: ‘value’ 或 ‘time’)有效。你弄个别的,这个设置未必有效了
3.Y轴想展示间隔(一条条横着的间隔线),添加splitLine属性
splitLine: {
show: true, // 如果不想间隔线,直接设为false
lineStyle: {
type: 'dashed', //间隔的类型,'solid''dashed''dotted'三个属性
color: '#e1e5f0', // 线的颜色
}
},
4.设置Y轴分割线个数, splitNumber =5,设置5个分割线
5.如何设置双Y轴,就是以前是一个对象,现在多加一个对象
yAxis: [
{
type: 'value',
name: '万元'
},
{
type: 'value',
name: 'Mwh'
}]
后面有新的分享的会在原有基础上增加
另外,echarts官网有关yAxis详细的各种属性,你也可以慢慢研究: echarts官网有关yAxis详解
如果文章对您有所帮助,就在文章的右上角或者文章的末尾点个赞吧!(づ ̄ 3 ̄)づ
如果喜欢比卡丘分享的文章,就给比卡丘点个关注吧!(๑′ᴗ‵๑)づ╭~
鉴于个人经验有限,所有观点及技术研点,如有异议,请直接回复讨论(请勿发表攻击言论)
拿走,不用谢!!!送人玫瑰,手留余香
边栏推荐
猜你喜欢

Exness: Powell insisted on his anti inflation commitment and pointed out that recession is possible

【NILM】非入侵式负荷分解模块nilmtk安装教程

图形技术之管线概念

关于h5页面苹果手机使用fixed定位tabbar最底部时遮挡内容问题

Cloud development who is the source code of undercover applet

调用Feign接口时指定ip

First acquaintance with JUC - day01

火线,零线,地线,你知道这三根线的作用是什么吗?

基于Distiller的模型压缩工具简介

Error:Kotlin: Module was compiled with an incompatible version of Kotlin. The binary version of its
随机推荐
毕业两年月薪36k,说难也不难吧
New features of PHP: bytecode cache and built-in server
RDD的执行原理
Resolution error: LNK2019 unresolved external symbol
What industries and scenarios can the easynvr/easygbs/easycvr platform developed by tsingsee green rhino video be used in?
Thread support
Hongmeng development IV
Moonwell Artemis现已上线Moonbeam Network
免费ICP域名备案查接口
ImportError: cannot import name ‘process_pdf‘ from ‘pdfminer.pdfinterp‘错误完全解决
运行npm run eject报错解决方法
tuple(元组)备注
希尔伯特-黄变换
Pair class notes
uniapp uni-app H5 端如何取消 返回按钮的显示 autoBackButton不生效
Commandes de console communes UE
本地备份和还原 SQL Server 数据库
2022年PMP项目管理考试敏捷知识点(1)
调用Feign接口时指定ip
行内元素、块元素、行内块元素