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

  • youtube视频怎么下载字幕(youtube视频怎么下载)

    youtube视频怎么下载字幕(youtube视频怎么下载)

  • 怎么关闭爱奇艺会员(怎么关闭爱奇艺连续包月)

    怎么关闭爱奇艺会员(怎么关闭爱奇艺连续包月)

  • 海星模拟器下载的游戏在什么地方(海星模拟器下载的在哪个文件夹)

    海星模拟器下载的游戏在什么地方(海星模拟器下载的在哪个文件夹)

  • 淘宝品牌兑换卡是什么意思(淘宝品牌兑换卡怎么获取)

    淘宝品牌兑换卡是什么意思(淘宝品牌兑换卡怎么获取)

  • 华为手机显示一半屏幕(华为手机显示一个迈速表)

    华为手机显示一半屏幕(华为手机显示一个迈速表)

  • 抖音直播挂机是什么意思(抖音直播挂机有什么用)

    抖音直播挂机是什么意思(抖音直播挂机有什么用)

  • qq语音麦克风白色是打开吗(qq麦克风是白色状态静音吗)

    qq语音麦克风白色是打开吗(qq麦克风是白色状态静音吗)

  • 苹果xr无线网老是掉线(苹果xr为什么wifi老是断开)

    苹果xr无线网老是掉线(苹果xr为什么wifi老是断开)

  • 华为手环b2功能详解(华为手环b2使用说明)

    华为手环b2功能详解(华为手环b2使用说明)

  • 华为手机声音忽大忽小(华为手机声音忽然变小)

    华为手机声音忽大忽小(华为手机声音忽然变小)

  • qq电话声音小什么原因(qq电话声音太小怎么办)

    qq电话声音小什么原因(qq电话声音太小怎么办)

  • 台式电脑按开机键没反应怎么办(台式电脑按开机键没反应)

    台式电脑按开机键没反应怎么办(台式电脑按开机键没反应)

  • surface充不进去电(surface充不进去电什么原因)

    surface充不进去电(surface充不进去电什么原因)

  • 抖音可以上传多长的视频(抖音可以上传多久的视频)

    抖音可以上传多长的视频(抖音可以上传多久的视频)

  • 5v2a能给蓝牙耳机充电吗(5v2a给5v1a的蓝牙耳机会坏吗)

    5v2a能给蓝牙耳机充电吗(5v2a给5v1a的蓝牙耳机会坏吗)

  • 华为mate30pro前置摄像头拍照模糊(华为mate30pro前置摄像头进灰怎么办)

    华为mate30pro前置摄像头拍照模糊(华为mate30pro前置摄像头进灰怎么办)

  • word文档怎么让字竖着(word文档怎么让图片并排)

    word文档怎么让字竖着(word文档怎么让图片并排)

  • vsco安卓需要付费吗(vsco安卓会扣费吗)

    vsco安卓需要付费吗(vsco安卓会扣费吗)

  • 怎么更新手机系统版本(怎么更新手机系统软件)

    怎么更新手机系统版本(怎么更新手机系统软件)

  • sbc什么意思蓝牙(蓝牙连接后面的sbc什么意思)

    sbc什么意思蓝牙(蓝牙连接后面的sbc什么意思)

  • mate30pro几个摄像头(华为mate 30 pro有几个摄像头)

    mate30pro几个摄像头(华为mate 30 pro有几个摄像头)

  • 取消订单京豆多久退回(京东取消订单京豆会返回吗)

    取消订单京豆多久退回(京东取消订单京豆会返回吗)

  • 小米手环1怎么看时间(小米手环1怎么连接)

    小米手环1怎么看时间(小米手环1怎么连接)

  • 怎么关掉运营商更新(怎么关掉运营商的短信广澳)

    怎么关掉运营商更新(怎么关掉运营商的短信广澳)

  • excel取消灰色区域(如何取消excel灰色部分)

    excel取消灰色区域(如何取消excel灰色部分)

  • pr水墨画效果怎么做(pr水墨调色)

    pr水墨画效果怎么做(pr水墨调色)

  • 全民k歌怎么隐身进歌房(全民k歌怎么隐藏vip标志)

    全民k歌怎么隐身进歌房(全民k歌怎么隐藏vip标志)

  • 【控制】自适应控制基本概念(什么叫自适应控制)

    【控制】自适应控制基本概念(什么叫自适应控制)

  • 其他债权投资的交易费用计入哪里
  • 免税收入不征税收入有哪些
  • 预提费用在资产负债表里写在哪
  • 一般纳税人应交增值税怎么算
  • 其他业务收入在借方表示什么
  • 有会计从业资格证还有用吗
  • 税盘锁了还能报税吗
  • 银行承兑汇票 托收
  • 公司兼职的工资怎么发
  • 开票有误的具体
  • 前期差错会计处理知乎
  • 国税征收项目有哪些
  • 一次性预收租金增值税
  • 应收票据周转率多少合适
  • 现金收据为什么也在自制原始凭证的范畴呢?
  • 我公司只开了普票未开专票是否需要发票认证?
  • 国际货运代理免税
  • 宽带合同属于什么合同
  • 增值税普票需要填写什么内容
  • 纳税人为ETC卡充值取得财政票据进项税额抵扣问题
  • 风险纳税人怎么查原因
  • 加盟费没有发票怎么做账
  • 税务机关核定征收契税
  • 增值税小规模纳税人减免增值税政策
  • 购买材料再进在建工程的账务处理
  • 分支机构企业所得税是否必须跟总公司分摊吗
  • 个人将租来的房子转租如何交税
  • 如何接收银行承兑
  • 企业的团队建设之荒野求生
  • 收到别的公司对公转账往来
  • php获取文件扩展内容
  • php 生成opcode
  • 一年以上预收账款
  • 企业投资入股的几种方式
  • PHP:oci_bind_by_name()的用法_Oracle函数
  • laravel5.4生成验证码的实例讲解
  • java图片转换成文件流
  • PHP magento后台无法登录问题解决方法
  • 端午节发现金怎么说
  • python3.4 numpy
  • 财务管理中的折现率是指什么
  • 小规模纳税人增值税税率
  • 帝国cms商城源码
  • 借款合同 印花
  • 缴纳增值税的营业收入
  • 应收账款逾期无法偿还
  • 会计人员信息采集工作证明模板
  • mac下安装mysql
  • 应交增值税转入未交增值税怎么算
  • 研发费用加计扣除75%还是100%
  • 构建固定资产的借款利息资本化文件依据
  • 公司账户的钱如何转出
  • 为什么股票配资的都在境外交易
  • 凭空多出来的原材料的账务处理?
  • 劳务派遣公司主营业务成本是什么
  • 企业转让固定资产属于什么收入
  • 公司购入的房子卖了,如何交增值税
  • 成本增加比例怎么算的
  • 农民工工资专户销户流程
  • 工业企业增值税纳税义务发生时间
  • sqlserver 修改列类型
  • mysql 使用inet_aton和inet_ntoa处理ip地址数据的实例
  • win7怎么创建新用户
  • win7系统怎么关闭病毒防护
  • win8系统打开我的电脑就黑屏
  • debian 安装
  • win7系统锁屏密码
  • 服务器迁移至新服务器方法
  • ubuntu20.0安装
  • win10预览版和正式版区别
  • macos桌面
  • spoffice是什么意思
  • win7c盘突然满了怎么回事
  • linux中安装命令
  • opengl csdn
  • MVC Ajax Helper或Jquery异步加载部分视图
  • div显示边框线
  • 使用vs code开发Django
  • 农村医保网上如何查询
  • 2020各省旅游
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设