javascript - echarts柱状图，如何让每一个柱状图上方都显示气泡？

问题描述

问 题

官方demo只有最大值最小值会显示气泡，另一个为name value显示，问题是数据从后端获取，前端盖如何编码，可使每个柱状图上方均显示气泡？

解决方案

实现原理：因为markPoint需要传入data，所以需要做的就是在配置option之前准备好data，而series的data数组顺序就是柱状图的显示顺序，所以可以根据series.data的下标+元素组装成markPoint.data。

这里拿E3官网的实例 改的（数据都是一样的），你也说了数据是需要后台获取的，所以在把获取到的数据装入option的时候，就可以按照上图的遍历组装成对应的data（可以封装成一个返回data的函数），

注：E3中已经不推荐实例上面的xAxis、yAxis，建议用coord，我改的也是用的coord

这篇关于javascript - echarts柱状图，如何让每一个柱状图上方都显示气泡？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！