位置: 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+清新界面+数据集)

  • 微信小程序大升级(微信小程序升级)

    微信小程序大升级(微信小程序升级)

  • vivox70pro+怎么设置相册密码(vivox70pro怎么设置双击亮屏)

    vivox70pro+怎么设置相册密码(vivox70pro怎么设置双击亮屏)

  • 支付宝怎么查转账给好友的历史账单(支付宝怎么查转出去的钱)

    支付宝怎么查转账给好友的历史账单(支付宝怎么查转出去的钱)

  • 微信怎么注册账号(微信怎么注册账号小号)

    微信怎么注册账号(微信怎么注册账号小号)

  • 苹果二代鼠标充不进电(苹果二代鼠标充电状态怎么看)

    苹果二代鼠标充不进电(苹果二代鼠标充电状态怎么看)

  • 华为连airpods声音小(华为连airpods声音很大)

    华为连airpods声音小(华为连airpods声音很大)

  • 路由器几年需要更换(路由器一般几年)

    路由器几年需要更换(路由器一般几年)

  • 全选的组合键是什么(全选组合快捷键是什么)

    全选的组合键是什么(全选组合快捷键是什么)

  • 华为手机下面3个按键在哪里设置显示(华为手机下面3个按键如何设置)

    华为手机下面3个按键在哪里设置显示(华为手机下面3个按键如何设置)

  • 魅族17系列发布会时间(魅族17系列发布价格表)

    魅族17系列发布会时间(魅族17系列发布价格表)

  • 直播可以看到观众脸吗(直播可以看到观看时长吗)

    直播可以看到观众脸吗(直播可以看到观看时长吗)

  • 抖音审核未通过影响账号吗(抖音审核未通过会被限流吗)

    抖音审核未通过影响账号吗(抖音审核未通过会被限流吗)

  • iphone照片删不掉怎么办(iphone照片删不掉,相片也保存不了)

    iphone照片删不掉怎么办(iphone照片删不掉,相片也保存不了)

  • ipad2019可以接u盘吗(ipad2021能接u盘吗)

    ipad2019可以接u盘吗(ipad2021能接u盘吗)

  • pr撤回快捷键是什么(pr撤回快捷键是哪个)

    pr撤回快捷键是什么(pr撤回快捷键是哪个)

  • wps表格关键字查找(wps表格怎么查找关键字)

    wps表格关键字查找(wps表格怎么查找关键字)

  • a1722是第几代airpods(a1523和1722是一代还是二代)

    a1722是第几代airpods(a1523和1722是一代还是二代)

  • word开始选项卡功能(word开始选项卡不能完成的任务)

    word开始选项卡功能(word开始选项卡不能完成的任务)

  • 硬盘录像机资源不足(录像带转存电脑的方法)

    硬盘录像机资源不足(录像带转存电脑的方法)

  • 红米手机怎么连接电脑(红米手机怎么连接wifi)

    红米手机怎么连接电脑(红米手机怎么连接wifi)

  • 苹果app卸载后变网格(iphoneapp卸载后仍有图标)

    苹果app卸载后变网格(iphoneapp卸载后仍有图标)

  • 怎么复制淘宝链接(怎么复制淘宝链接发给别人)

    怎么复制淘宝链接(怎么复制淘宝链接发给别人)

  • 小米8怎么调息屏时间(小米8怎么调节亮屏时间)

    小米8怎么调息屏时间(小米8怎么调节亮屏时间)

  • 全民k歌铁粉榜怎么弄(全民k歌铁粉榜是什么意思呢)

    全民k歌铁粉榜怎么弄(全民k歌铁粉榜是什么意思呢)

  • Win10如何关闭专注助手 Win10关闭专注助手的方法(如何关闭win10专业版自动更新)

    Win10如何关闭专注助手 Win10关闭专注助手的方法(如何关闭win10专业版自动更新)

  • 待抵扣进项税额转入进项税额
  • 简易计税方法的销售额不包括其应纳税额
  • 部分产品退货怎么办
  • 红字发票的数电票号码是啥
  • 预付的成本票计入什么科目?
  • 综合所得申报如何手工填写信息
  • 负数发票要给购票人吗
  • 餐饮增值税发票抵扣
  • 慈善捐款抵税的会计分录
  • 独立核算的分公司怎么报税
  • 即征即退免所得税吗
  • 每月增值税怎么做账
  • 总账期末余额为零怎么写
  • 给客户办理分期
  • 利息收入增值税计税依据
  • 公司厂房在建但已收到房租是否要交房产税呢?
  • 地税评为d级纳税人是指
  • 展会门票入什么科目
  • 消费税的纳税地点在哪里
  • 预缴企业所得税是含税数还是不含税
  • w10系统程序停止运行
  • 鸿蒙系统怎么设置导航键
  • 格式化时防止数据丢失
  • 购入固定资产预算会计怎么做账务处理
  • 无形资产的增值税怎么算
  • linux中链接
  • sbsetup.exe - sbsetup是什么进程 有什么用
  • 月末结转未分配利润吗
  • 购销合同违约罚款属什么科目
  • 年度所得税报表在哪里查到
  • eclipse中创建webgis项目
  • phpfread
  • 年营业收入平均增长
  • 已提减值准备的固定资产报废怎么填写
  • 外国人在中国工作有五险一金吗
  • 增值税常见账务处理方法
  • 牛顿地名
  • 怎么分析一个企业的营销策略
  • Vue3 中 createWebHistory 和 createWebHashHistory 的区别
  • php统计系统
  • thinkphp 多表查询
  • mdadm命令用不了
  • 外地工程预缴的个人所得税是什么申报
  • 无法支付其他应用怎么办
  • 应收账款周转天数减少说明什么
  • php获取参数值的三种方式
  • 车船税酌定减免
  • 织梦建站详细步骤
  • python方差齐性检验
  • 甲供材料增值税规定
  • 计提坏账准备方法变更属于会计估计变更吗
  • 外资企业国内审批手续繁琐
  • 独资企业和公司区别
  • 个体工商户怎么年审
  • 企业股东变更流程及费用
  • 费用什么情况下要写报销单呢
  • 交易性金融资产公允价值变动怎么算
  • 利息收入填在汇算清缴哪里
  • 贷款利息进项税为什么不能抵扣
  • 银行退汇怎么做会计分录
  • 作废的发票对方还能认证吗
  • 维修基金只有收据没有发票吗
  • 挂靠企业电费如何处理?
  • 办理分公司的流程样本
  • 哪些工资属于社会福利
  • 无票收入怎么报增值税申报表
  • sql查询字段被包含的内容
  • sql server查询
  • 宽带连接显示重拨
  • 安装阿里旺旺步骤
  • shell脚本ne
  • javascript简明教程
  • npm yarn命令对比
  • 手机端apk反编译工具_android反编译工具
  • jquery 导航
  • python源码分析工具
  • 珠海自助征信查询机
  • 电信电普
  • 国税局黑龙江省
  • 如何计算土地增值税税率
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设