Echarts y轴相关配置

1 简介

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

2 y轴配置

2.1 y轴主要属性

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

2.2 y轴刻度设置

1. axisTick：坐标轴刻度相关设置

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

代码如下：

axisTick: {
  show: true,
  alignWithLabel: true,
  interval: 0,
  inside: false,
  length: 20
}
1
2
3
4
5
6
7

2. minorTick:坐标轴次刻度线相关设置

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

代码如下：

minorTick: {
  show: true,
  splitNumber: 10,
  length: 5
}
1
2
3
4
5

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

3.总结

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

参考文档：Echarts配置项手册