echarts中的单条堆积图

公司自从来了一个新的ui小哥哥，总是给我出难题，这次又给了我这样的ui图，如下图，单条的堆积图！！！（为啥我今天写那么多随笔，因为项目一期已经完成，有新需求但还没谈好，摸了一会🐟之后还是想总结一下）

 

 回归正题，这个单条的堆积图，真的有点难做，echarts找了很多，都做不了，最后我又跑去新大陆echarts Gallery中浏览，一翻浏览后，又一次让我找到了相似的堆积图，哈哈哈哈！真是功夫不负有心人啊！

这个是gallery中的实例：https://gallery.echartsjs.com/editor.html?c=xtWKI3jP7Q， 效果图是这样的

 

 所以，要开始一波修改了，hiahiahiahia~~~

首先，图例嘛， 那就是配置option中的legend咯，设置它显示,也就是show:true；

然后，将数值的位置进行修改咯，在上方的可以直接使用outside,在下方可以使用bottom，里面可以设置inner，还有其它位置，可以去官网看配置

 

 

 

 额，然后把文字去掉就ok了......

上个月就写好了，有点不记得了，所以以为会有很多话说，但是没想到，今天去gallery看到类似的，都可以直接用，自己小改一下就好了，无话可说了！