在 ECharts 中直角坐标系的 y 轴有可能是不显示的,如果我们要配置 yAxis 的属性,首先就需要将 y 轴显示出来。那么,就存在以下的问题:
要怎么操作能够显示 y 轴?y 轴显示后,它在 grid 组件中的索引是怎样的?它处于什么样的位置?与默认的位置有发生偏移吗?它是什么类型的坐标轴?怎么定义它的名称及名称的位置?
上述的问题都针对了 yAxis 的一些基本属性的设置,下面让我们一一来解决。
[ default: true ]
表示是否显示 yAxis 的 y 轴。
[ default: 0 ]
得到 y 轴所在的 grid 的索引,默认位于第一个 grid。
得到 y 轴的位置。
可以选择的值:
注意:默认 grid 中的第一个 y 轴在 grid 的左侧('left'),第二个 y 轴视第一个 y 轴的位置放在另一侧。
[ default: 0 ]
显示 Y 轴相对于默认位置的偏移,该属性在相同的 position 上有多个 Y 轴的时候会使用到。
[ default: 'value' ]
得到 y 坐标轴的类型。
以下是可选的 y 轴类型:
显示坐标轴的名称。
[ default: 'end' ]
得到坐标轴名称的显示位置。
可以选择:
[ default: 15 ]
坐标轴名称与轴线之间的距离。
[ default: null ]
坐标轴名字旋转,是个角度值。
本节我们列举了 ECharts 中 y 轴的一些有关于轴线的属性设置,这些属性控制了坐标轴轴线的显示、坐标轴0刻度的显示、并提及了坐...
很多人在用 ECharts 时会发现图表真正的绘图区域和图表容器之间有很大一块间隔,看上去有些很不饱满。怎么办?本节将讨论如何让 ...
您可以通过控制文本标签中文字的颜色,文字的字体风格、字体的粗细、文字块属性、文字的描边属性、文字的阴影属性来设置 polar ...
radiusAxis.splitLine |Object径向轴在grid区域中的分隔线。radiusAxis.splitLine.show |boolean[ default: true ]是否显示径向...
angleAxis.axisLabel.rich |Object在rich里面,可以自定义富文本样式。利用富文本样式,可以在标签中做出非常丰富的效果。例如:...