echarts y轴均分问题

在api中有该属性

yAxis.splitNumber number
[ default: 5 ]
坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。在类目轴中无效。

但是，有很多情况下这个设置的值是无效的，因为他本身规则的优先级要高一些。

为了更好地使用我总结了一条小规则。

从零开始均分的具体情形。

通常上会有4均分，5均分，6均分三种情况，但并意味着整除就会均分！

例如

 yAxis: {max: 48        },

48可以被4和6整除，但是它不会被均分

我并没能猜出他们的算法，但是我找到了一些规律。

4均分的情况

max的值为 2,4,8,16 20,40,80,160 ........

时，y轴会4均分

5均分的情况

max的值为 1,5,15,25 10,50,150,250........

时，y轴会5均分

6均分的情况

max的值为 3,6,12,18 30,60,120,180........

时，y轴会6均分

还有一个特殊情况7均分，当max=7时，7/6=1~~~1;所以相当于7均分。

echarts y轴均分问题相关推荐

Echarts Y轴遮挡解决方案
Echarts Y轴遮挡解决方案背景:在做手机端的时候要实现图表展示,但是Echarts有个通病,就是对小屏幕的浏览器不太兼容,开始尝试设置绑定div的样式,加上padding :0发现不管用,用谷 ...
echarts y轴刻度加单位
echarts y轴刻度加单位今天学习到的新知识,如何在echarts图表中给刻度加单位. 方法有很多,我用的是formatter来加单位的: yAxis: {min: 0,max: 60,type ...
动态设置echarts Y轴最大刻度与最小刻度
动态设置echarts Y轴最大刻度与最小刻度 yAxis: { max: function (value) { return (value.max + 0.01 * (value.min)).toF ...
echarts y轴只显示5个刻度_Echarts 双Y轴刻度不一致
项目中使用了百度Echarts 根据项目需要,要实现双Y轴展示柱状图最终的样子是这样的最终效果实现过程中遇到的问题一开始是这个样子的(因为没有设置max min,天真的以为只要有数据,就会系 ...
Echarts Y轴单位自动转换
用Echarts展示交易额趋势时,发现过百万的数字显示的0太难数了,想实现Y轴的单位可以根据金额的大小自动选择单位,在网络上找了好久,做个笔记. Y轴 JS代码如下: yAxis: [{type: ' ...
vue echarts y轴文本过长，设置超出隐藏，然后显示省略号，并且鼠标悬浮上之后显示全部
效果图 <template><div><div id="main-barChart&quo ...
echarts y轴文本过长，设置超出隐藏，然后显示省略号，并且鼠标悬浮上之后显示全部
Echarts 标签中文本内容太长的时候怎么办 ? 看如下两块有分别说明: 具体代码如下:  <script src="${ctx}/tiles/ ...
Echarts y轴相关配置
目录 1 简介 2 y轴配置 2.1 y轴主要属性 2.2 y轴刻度设置 3.总结 1 简介本篇介绍我们在使用Echarts画图时常用的一些y轴坐标设置,如y轴位置,y轴偏移量.y轴刻度.y轴最 ...
echarts y轴只显示5个刻度_ECharts 解决双Y轴刻度不一致问题
若最大最小值固定,直接初始化设置option的yAxis的min和max属性值即可: 假设已知固定最大最小值为0和1. var option = { ... yAxis:[ { name: " ...

echarts y轴均分问题

echarts y轴均分问题相关推荐

最新文章

热门文章