位置: IT常识 - 正文

Echarts y轴相关配置(echarts y轴设置)

编辑:rootadmin
Echarts y轴相关配置 目录1 简介2 y轴配置2.1 y轴主要属性2.2 y轴刻度设置3.总结1 简介

推荐整理分享Echarts y轴相关配置(echarts y轴设置),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:echarts y轴属性,echarts设置y轴的间距,echarts调整y轴数值,echarts调整y轴数值,echarts y轴设置,echart y轴name位置,echart y轴name位置,echart y轴name位置,内容如对您有帮助,希望把文章链接给更多的朋友!

  本篇介绍我们在使用Echarts画图时常用的一些y轴坐标设置,如y轴位置,y轴偏移量、y轴刻度、y轴最大最小值等;

2 y轴配置2.1 y轴主要属性

只有一个纵坐标的情况下,常用y轴配置参数如下:

属性类型值showbooleantrue:展示 false: 不展示typestring‘value’: 数值轴,适用于连续数据。 ‘category’ 类目轴,适用于离散的类目数据。‘time’ 时间轴,适用于连续的时序数据,与数值轴相比时间轴带有时间的格式化,在刻度计算上也有所不同,例如会根据跨度的范围来决定使用月,星期,日还是小时范围的刻度。‘log’ 对数轴。适用于对数数据。namestring坐标轴名称nameLocationstring坐标轴名称显示位置。‘start’:起始位置(底部)‘middle’ 或者 ‘center’:中间‘end’: 末尾(默认值)nameGapnumber坐标轴名称与轴线之间的距离。inverseboolean是否是反向坐标轴。minnumber\string\Function坐标轴刻度最小值。maxnumber\string\Function坐标轴刻度最大值scaleboolean是否是脱离 0 值比例。在设置 min 和 max 之后该配置项无效。splitNumbernumber坐标轴的分割段数minIntervalnumber坐标轴最小间隔大小。maxIntervalnumber坐标轴最大间隔大小。intervalnumber强制设置坐标轴分割间隔logBasenumber对数轴的底数,只在对数轴中(type: ‘log’)有效。默认值为10。axisLineObject坐标轴轴线相关设置,axisLine.show:控制坐标轴是否展示。axisTickObject坐标轴刻度相关设置,详情见2.2minorTickObject坐标轴次刻度线相关设置,详情见2.2dataArray在类目轴(type: ‘category’)中有效splitLineObject坐标轴在 grid 区域中的分隔线,默认展示;minorSplitLineObject坐标轴在 grid 区域中的次分隔线,默认不展示2.2 y轴刻度设置axisTick:坐标轴刻度相关设置属性类型含义axisTick.showboolean是否显示坐标轴刻度axisTick.alignWithLabelboolean刻度线是否和标签对齐axisTick.intervalnumber坐标轴刻度的显示间隔,默认为1axisTick.insideboolean坐标轴刻度是否朝内,默认朝外axisTick.lengthnumber坐标轴刻度的长度Echarts y轴相关配置(echarts y轴设置)

示例:设置展示刻度,刻度线与标签对齐,每间隔两个显示一个刻度,坐标走刻度朝内,刻度长度为10的y轴:

代码如下:

axisTick: { show: true, alignWithLabel: true, interval: 0, inside: false, length: 20}minorTick:坐标轴次刻度线相关设置属性类型含义minorTick.showboolean是否显示坐标轴刻度minorTick.splitNumbernumber次刻度线分割数,默认会分割成 5 段minorTick.lengthnumber坐标轴刻度的长度

示例:设置展示次刻度,刻度线与标签对齐,次刻度线分割数10,坐标轴刻度的长度5:

代码如下:

minorTick: { show: true, splitNumber: 10, length: 5}

通常设置次刻度线会使得刻度密度发生变化,各位调整参数按需使用使用。

3.总结

  大部分情况下,Echarts提供的默认配置能满足基本的需求,但是要想达到自己想要的效果,熟悉参数的使用必不可少。除此之外,Echarts还提供了更为丰富的属性,本片只介绍一些常用的参数属性,若想了解更多,可以移步官网。

参考文档:Echarts配置项手册

本文链接地址:https://www.jiuchutong.com/zhishi/298752.html 转载请保留说明!

上一篇:浏览器本地存储的四种方式(浏览器本地存储的方式)

下一篇:基于深度学习的车型识别系统(Python+清新界面+数据集)

  • 安卓手机如何打开.ashx文件(安卓手机如何打开OTG功能)

    安卓手机如何打开.ashx文件(安卓手机如何打开OTG功能)

  • 爱奇艺可以一起看视频吗(爱奇艺可以一起看电影吗)

    爱奇艺可以一起看视频吗(爱奇艺可以一起看电影吗)

  • 荣耀30pro是什么材质的屏幕(荣耀30pro是什么马达)

    荣耀30pro是什么材质的屏幕(荣耀30pro是什么马达)

  • 微信朋友圈视频多长时间(微信朋友圈视频怎么下载)

    微信朋友圈视频多长时间(微信朋友圈视频怎么下载)

  • 海康威视和萤石是什么关系(海康威视和萤石设备兼容吗)

    海康威视和萤石是什么关系(海康威视和萤石设备兼容吗)

  • ipad第一次充电多久(ipad第一次充电要充多久)

    ipad第一次充电多久(ipad第一次充电要充多久)

  • 把qq卸载了聊天记录还在吗(卸载qq后聊天记录怎么恢复)

    把qq卸载了聊天记录还在吗(卸载qq后聊天记录怎么恢复)

  • 为什么会出现因违反微信用户行为规范(由于什么原因引起)

    为什么会出现因违反微信用户行为规范(由于什么原因引起)

  • iphone动态表情短信发不出去(iphone动态表情短信尚未送达)

    iphone动态表情短信发不出去(iphone动态表情短信尚未送达)

  • 订单签收提醒是什么意思(订单显示签收,还有拒收的可能吗)

    订单签收提醒是什么意思(订单显示签收,还有拒收的可能吗)

  • excel怎么改日期格式(excel怎么改日期格式2019/08)

    excel怎么改日期格式(excel怎么改日期格式2019/08)

  • CarPlay能充电但连不上(carplay可以充电可是连不上)

    CarPlay能充电但连不上(carplay可以充电可是连不上)

  • 获取root有什么风险(获取root对手机有什么影响)

    获取root有什么风险(获取root对手机有什么影响)

  • 苹果11能扩容内存吗(苹果11扩容内存256g多少钱)

    苹果11能扩容内存吗(苹果11扩容内存256g多少钱)

  • 手机imei是什么意思啊(苹果手机imei查询)

    手机imei是什么意思啊(苹果手机imei查询)

  • mate10pro64g和128g区别

    mate10pro64g和128g区别

  • realmex2pro可以同时连接两个wifi吗(realmex2能分屏吗)

    realmex2pro可以同时连接两个wifi吗(realmex2能分屏吗)

  • i音乐怎么导入音乐(i音乐怎么导入录音)

    i音乐怎么导入音乐(i音乐怎么导入录音)

  • 手机本地视频怎么投屏(手机本地视频怎么倍速播放)

    手机本地视频怎么投屏(手机本地视频怎么倍速播放)

  • 网络位置耗电怎么解决(网络位置耗电怎么关闭)

    网络位置耗电怎么解决(网络位置耗电怎么关闭)

  • 优酷会员如何登录(优酷会员如何登录另一部手机)

    优酷会员如何登录(优酷会员如何登录另一部手机)

  • schedulerv2.exe - schedulerv2是什么进程 有什么用

    schedulerv2.exe - schedulerv2是什么进程 有什么用

  • 最优模型选择的准则:AIC、BIC准则(最优化模型的优点)

    最优模型选择的准则:AIC、BIC准则(最优化模型的优点)

  • Vue组件滚动加载、懒加载功能的实现,无限滚动加载组件实例演示(vue组件元素设置滚动条高度)

    Vue组件滚动加载、懒加载功能的实现,无限滚动加载组件实例演示(vue组件元素设置滚动条高度)

  • etc开增值税票税率
  • 支付电费未开具发票
  • 业务招待费如何进行纳税筹划
  • 水利基金和印花税会计分录
  • 税金及附加没有什么税
  • 咨询服务费发票属于哪个大类
  • 停车费收入增值税申报表怎么填
  • 分公司是独立核算还是非独立核算
  • 建筑业预缴税款是什么意思
  • 粮食收购发票 票样
  • 物流公司进项发票分录
  • 公司年底奖金怎么算
  • 公司债权转让如何处理
  • 淘汰生产母猪处理销售收入的分录怎么处理?
  • 建帐时库存的原材料如何入帐?
  • 多计提的固定资产折旧
  • 个调税手续费会计分录怎么写?
  • 企业合并会计处理方法研究论文
  • 农产品流通环节税收优惠政策
  • 金税三期个人所得税扣缴系统手机版
  • 服装批发零售交什么税
  • 税收编码更改的依据是什么
  • 收到投资款现金流量项目是什么
  • 收代扣代缴个税手续费会计分录
  • 企业税收分为几大类
  • 土地开垦费怎么征收
  • 个税申报系统换一台电脑要怎么办
  • 工会经费单据
  • 增值税发票小数点后面小数不能打印
  • 法人往公户打款是实收资本还是借款
  • 会计制度备案成本核算方法一般选择哪个
  • 用友t3怎样查询报表
  • 股息红利纳税义务发生地
  • 材料暂估的会计分录怎么做
  • 抵押房产的保险能退吗
  • 如何在电子税务局添加开票人
  • win10专业版问题
  • win11正式版问题
  • 如何启用系统引擎
  • php快速查找
  • PHP:Memcached::resetServerList()的用法_Memcached类
  • 房产产权置换
  • php text
  • 不能错过的只有你下架了吗
  • framework 开发
  • 资产负债表和利润表的认定
  • npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve dependency
  • 茶叶一般开多少度保存
  • 以下哪些企业需要填报
  • 真发票假业务会坐牢吗
  • 公司基本户可以注销吗
  • 工资薪金与劳务报酬的区别有哪些
  • 计提折旧会计分录怎么做
  • 个体工商户的个税起征点
  • 以前年度的银行流水可以补进来做账嘛
  • 收到房租租金下什么科目
  • 印花税的征税对象有哪些
  • 个体工商户个税怎么申报
  • 盘盈的固定资产按什么入账
  • 预售房提前还款需要去解押吗
  • 建立明细账的注意事项
  • sqlserver如何更改数据类型
  • win10系统怎么删
  • 在windows 10
  • 电脑自带win8是装win7还是win10
  • win7电脑弹窗多怎么解决
  • [置顶] 《诸天星河》
  • vue条形码
  • Android: Receiving Data from the Send Intent,将自己的app注册系统分享
  • opengl绘制点线面
  • js中创建对象的几种方法
  • 安卓匿名电话软件
  • 笔记本电脑没有鼠标怎么多选文件
  • find 批处理
  • 在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
  • jquery插件是干什么的
  • Javascript & DHTML 实例编程(教程)基础知识
  • js对象索引获取key
  • 国税局公告2019年43号
  • 国税软件下载
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设