如何实现类似echarts的y轴刻度自动计算功能，并应用于长尾数据分析？

本文共计3400个文字，预计阅读时间需要14分钟。

目录+前言+算法描述+上代代码+代码运行效果+ts版本（2021/3/10补充）+总结+前言+基于实际项目的公约是做大数据的，而我的工作刚好又是需要绘制一些数据图表的。绘制图表有多个现成的组件可以使用。

目录

• 前言
• 算法描述
• 上代码
• 代码运行效果
• ts版本(2021/3/10补充)
• 总结

前言

因实习的公司是做大数据的，而我的工作刚好又是需要绘制一些数据图表的。绘制图表有许多现成的组件可以使用，但是要想达到产品所需要的效果，只靠组件内部的一些功能是不太够的。一些细腻的要求必须在掌握组件原理方法的情况下，自己去写算法来完成。例如，本文要说的这个刻度计算算法，开始正文之前，我先描述遇到的问题。

echarts自身的刻度计算有时候并不好用，例如有时候你希望让图表只有5条刻度线，即分成4段，echarts提供了一个参数叫splitNumber，把splitNumber设为4可以让图表尽量地分成4段，然而当数据波动较大时，echarts会自动增加分割的段数，即即使大部分数据都能正常分出4段刻度，但仍有少部分数据实际分出的段数可能不止4段。如下面这样：

因此我们得出一个结论，echarts的splitNumber只是预估的分割段数。如果我们需要强制把刻度区间分为4段，则需要我们自己去写算法计算刻度。