Echarts关于饼图data中数据如何动态填充？

Posted 2023-04-18

：这是我从数据库中查出来的动态数据，是在map中存放
：这个是页面饼图中的静态数据，12，35,45这是都是假的，我想把map中的值放到data的value中，map中的key放到name里面，具体代码要怎么实现啊？？急~~我会给分的！

参考技术A 后台代码：
Map<String , Integer> map = new HashMap<String , Integer>();
map.put("一月标", 12);
map.put("六月标", 4);
map.put("三月标", 9);

List<String> nameList=new ArrayList<String>();
List<Integer> valueList=new ArrayList<Integer>();

Iterator it = map.keySet().iterator();
while(it.hasNext())
String key=(String) it.next();
nameList.add(key);
valueList.add(map.get(key));


request.setAttribute("nameList", JSONArray.fromObject(nameList).toString());
request.setAttribute("valueList",JSONArray.fromObject(valueList).toString());

前台：
data:[

name:$nameList,
value:$valueList

]

echarts怎么动态添加多条柱形图

参考技术A ECharts所输出的那些代表数据的图形（如饼状图每一个扇形，折线图上的拐点，柱状图上的柱形等）都是可拖拽的（默认重计算功能默认关闭，需配置开启），并且拖拽后能智能的产生不同的数据重整效果，如把扇形拖出饼图，被拖出的数据成为一个“数据孤岛”，饼图内剩下的数据会重新计算成一个完整的饼图；
拖出的“数据孤岛”可以随时拖拽回去融入饼图，或者可以拖拽到某个扇形上，产生数据的合并；
这种数据拖拽的合并迁移甚至可以在不同图表间进行。本回答被提问者采纳