echarts 折线图 设置y轴最小刻度_手把手教你玩转Echarts ！

茫茫人海中与你相遇

相信未来的你不会很差

作者：婷酱Yaaa

来源：https://juejin.im/post/5ef7426fe51d45349e254124

前言

---

一直想写一篇关于echarts的文章，因为之前接触的 echarts 也不多，几乎没怎么用过。之前写过移动端用过一两次 echarts , 不过都是看官方文档配置硬凑出来的，比较花时间。这次也是因为换新工作了，公司要求三天出一个大屏可视化页面，由于之前一直是写后台管理的，内容也比较简单，所以当时接到这个需求还是有点子慌的😭。不过程序员嘛，不是在学习就是在学习的路上，慌归慌，工作还是要照常的，对你有困难的东西才是挑战，等你会了就会觉得。。嗯，真香～

你可以学到什么？

说的有点子多了哈，归根结底，授人以鱼不如授人以渔。通过这篇文章，你会学到什么？

• 图表如何自适应

• 折线图区域配置

• 条形图自定义渐变色

• 自定义图表字体、图例样式

• x、y轴的轴线设置以及一些细节处理

• 如何配置复合型双轴乃至多轴数据

• 还有其他细节部分(是否平滑、字体位置、颜色...等等)

最最重要的一点，看完本篇文章，你会形成一个图表思维： 需求来了，我该配置什么一目了然。本篇文章可能过长，大家可以选择性查看。 话不多说，接下来我们来讲一下`echarts`到底怎么写.最后我会给出一个规律性的小结，以后大家如果也碰到echarts，麻麻再也不担心我不会啦！如果本文有不足的地方，恳请斧正。当然如果大家觉得对你有用的话，码字构思不易，记得给小仙女点个赞哟～ (笔芯❤️)

UI图表样例

---

先说一下我们的设计图，涉及到的echarts的几种图标的类型，接下来我会按照难度划分，按照图表类别从易到难来详细讲一下。

Echarts基本使用