创新互联ECharts教程：yAxis的基本属性

在 ECharts 中直角坐标系的 y 轴有可能是不显示的，如果我们要配置 yAxis 的属性，首先就需要将 y 轴显示出来。那么，就存在以下的问题：

站在用户的角度思考问题，与客户深入沟通，找到晋安网站设计与晋安网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站建设、网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、虚拟空间、企业邮箱。业务覆盖晋安地区。

要怎么操作能够显示 y 轴？y 轴显示后，它在 grid 组件中的索引是怎样的？它处于什么样的位置？与默认的位置有发生偏移吗？它是什么类型的坐标轴？怎么定义它的名称及名称的位置？

上述的问题都针对了 yAxis 的一些基本属性的设置，下面让我们一一来解决。 

yAxis.show   |   boolean

[ default: true ]

表示是否显示 yAxis 的 y 轴。

yAxis.gridIndex   |   number

[ default: 0 ]

得到 y 轴所在的 grid 的索引，默认位于第一个 grid。

yAxis.position   |   string

得到 y 轴的位置。

可以选择的值：

• 'left'
• 'right'

注意：默认 grid 中的第一个 y 轴在 grid 的左侧（'left'），第二个 y 轴视第一个 y 轴的位置放在另一侧。

yAxis.offset   |   number

[ default: 0 ]

显示 Y 轴相对于默认位置的偏移，该属性在相同的 position 上有多个 Y 轴的时候会使用到。

yAxis.type   |   string

[ default: 'value' ]

得到 y 坐标轴的类型。

以下是可选的 y 轴类型：

• 'value' ：数值轴，适用于连续数据。
• 'category' ：类目轴，适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。
• 'time' ：时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。
• 'log' ：对数轴。适用于对数数据。

yAxis.name   |   string

显示坐标轴的名称。

yAxis.nameLocation   |   string

[ default: 'end' ]

得到坐标轴名称的显示位置。

可以选择：

• 'start'
• 'middle'
• 'end'

yAxis.nameGap   |   number

[ default: 15 ]

坐标轴名称与轴线之间的距离。

yAxis.nameRotate   |   number

[ default: null ]

坐标轴名字旋转，是个角度值。

网站题目：创新互联ECharts教程：yAxis的基本属性
本文URL：http://www.shufengxianlan.com/qtweb/news42/258592.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联