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

  • ipad可以用无线鼠标吗(ipad可以用无线充电器吗)

    ipad可以用无线鼠标吗(ipad可以用无线充电器吗)

  • 苹果手机传照片到电脑总是中断(苹果手机传照片软件)

    苹果手机传照片到电脑总是中断(苹果手机传照片软件)

  • win10右下角盾牌不见了(win10右下角盾牌红叉什么意思)

    win10右下角盾牌不见了(win10右下角盾牌红叉什么意思)

  • 打印机设备列表里没有型号(打印机设备列表找不到)

    打印机设备列表里没有型号(打印机设备列表找不到)

  • 京东国际可以退货吗(京东国际可以退差价吗)

    京东国际可以退货吗(京东国际可以退差价吗)

  • 拼多多转化率什么意思(拼多多转化率越高越好吗)

    拼多多转化率什么意思(拼多多转化率越高越好吗)

  • 联想小新和扬天区别(联想小新和扬天系列一体机哪个更好)

    联想小新和扬天区别(联想小新和扬天系列一体机哪个更好)

  • iphonexr广角摄像怎么用(苹果xr原相机广角)

    iphonexr广角摄像怎么用(苹果xr原相机广角)

  • 笔记本屏幕一直闪烁怎么办(笔记本屏幕一直闪烁是怎么回事)

    笔记本屏幕一直闪烁怎么办(笔记本屏幕一直闪烁是怎么回事)

  • 怎么在淘宝上找到商家的电话(怎么在淘宝上找自己的地址)

    怎么在淘宝上找到商家的电话(怎么在淘宝上找自己的地址)

  • 苹果11信息有个感叹号什么意思(苹果11信息有个感叹)

    苹果11信息有个感叹号什么意思(苹果11信息有个感叹)

  • 电脑版微信设置摄像头(电脑版微信设置在哪里)

    电脑版微信设置摄像头(电脑版微信设置在哪里)

  • 免拼成功还要付钱么(免拼购买成功是什么意思)

    免拼成功还要付钱么(免拼购买成功是什么意思)

  • 华为插耳机的地方在哪(华为插耳机在哪里)

    华为插耳机的地方在哪(华为插耳机在哪里)

  • 苹果手机怎么防丢定位(苹果手机怎么防窥屏)

    苹果手机怎么防丢定位(苹果手机怎么防窥屏)

  • 小米6什么时候升级miui11(小米6什么时候上市的)

    小米6什么时候升级miui11(小米6什么时候上市的)

  • 小米8怎么拍月亮(小米8怎么拍月亮好看)

    小米8怎么拍月亮(小米8怎么拍月亮好看)

  • iphone x屏幕到2k了么(iphone x是2k分辨率么)

    iphone x屏幕到2k了么(iphone x是2k分辨率么)

  • 苹果表蜂窝版是什么意思(苹果蜂窝版手表什么意思)

    苹果表蜂窝版是什么意思(苹果蜂窝版手表什么意思)

  • 不属于结构化程序的方法是(不属于结构化程度的是)

    不属于结构化程序的方法是(不属于结构化程度的是)

  • 华为荣耀20的耳机插口在哪里(华为荣耀20的耳机怎么用)

    华为荣耀20的耳机插口在哪里(华为荣耀20的耳机怎么用)

  • 支付宝短信校验服务如何关闭(支付宝短信校验码是什么意思)

    支付宝短信校验服务如何关闭(支付宝短信校验码是什么意思)

  • 苹果手机怎么切换主号和副号(苹果手机怎么切换卡1卡2)

    苹果手机怎么切换主号和副号(苹果手机怎么切换卡1卡2)

  • 华为p50e最新曝光详情(华为p50新款)

    华为p50e最新曝光详情(华为p50新款)

  • web前端综合案例——小兔鲜首页(html+css)(web前端综合案例开发离线作业1)

    web前端综合案例——小兔鲜首页(html+css)(web前端综合案例开发离线作业1)

  • 增值税专用发票怎么开
  • 垃圾袋发票类别是什么
  • 6个点的税率怎么算的
  • 自然人税收系统生产经营怎么申报
  • 国际货物运输07113
  • 其他应付款短期借款
  • 开出支票如何入账
  • 酒店怎么付钱
  • 房地产经纪公司经营范围
  • 员工买了多项东西怎么说
  • 单位之间借款利息可以开票么
  • 社会组织捐款
  • 一般纳税人开培训发票税率是多少
  • 国税里发票采集中的税控机动车发票是指什么发票?
  • 有进项没有销项可以零申报吗
  • 什么是应交税费应交增值税科目设置的贷方明细科目
  • 资产负债表中其他流动资产怎么计算
  • 企业筹建期的工会金费怎么入账
  • 承兑汇票属于现金支付吗
  • 建筑施工企业跨区域如何缴税
  • 延期收款利息如何算
  • 联营企业分得的利润应计入什么科目
  • 坏账收不回怎么做账
  • qq画画图片大全
  • 财产清查的账务处理原则
  • 获取 获得
  • php中数组的常用函数及用法
  • 税务实名认证是不是就是税务登记
  • win10专业版问题
  • git可以管理二进制文件吗
  • 不动产经营租赁包括哪些内容
  • 财务如何核对会计信息
  • 工会经费税前扣除标准2022
  • 进项税额转出余额在贷方怎么处理
  • Laravel 5.5 的自定义验证对象/类示例代码详解
  • Sandilands省级森林中被白霜覆盖的番红花,加拿大曼尼托巴 (© Jaynes Gallery/Danita Delimont)
  • 配件买不到
  • 怎么安装vue环境
  • 经济补偿金个人所得税计算公式
  • php 中奖概率算法
  • PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
  • 置顶文章
  • python idle有什么用
  • 应付账款和应收账款的关系
  • 劳务发票去哪里开
  • 培训费怎么收取
  • 报销差旅费的进项税额
  • 收到返款计入什么科目
  • 成本法的处置
  • 中级财务会计报告心得体会
  • 自制半成品属于什么会计要素
  • 企业注销后账务保留多久
  • 小规模纳税人免税政策2023年
  • 研发费用账务处理一定在管理费用吗
  • 已付款但未收到发票怎样记账
  • 红冲发票后如何申报增值税
  • 委托收款背书和质押背书都属于转让背书
  • 增值税进项发票抵扣认证流程
  • 新公司建账流程及日常业务处理
  • centos基本操作
  • centos7添加ip地址
  • 电脑c盘里windows
  • 为什么我的win7系统会变成xp系统
  • ssh可防止什么攻击
  • centos6.2安装教程
  • 怎么清空windows8电脑里全部东西
  • lsass.exe是什么病毒
  • 电脑qq语音界面
  • 高德地图自动跳出来
  • 简述javascript执行原理
  • nodejs性能对比
  • nodejs自启动
  • python中的类怎么理解
  • unity3d应用
  • 安卓自定义app
  • python web网站
  • qt Android开发
  • fragment生命周期图
  • 残疾人交房产契税有优惠吗
  • 电子税务局房产税怎么申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设