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

Echarts关于饼图data中数据如何动态填充,第1张

后台代码:

Map<String , Integer> map = new HashMap<String , Integer>();

mapput("一月标", 12);

mapput("六月标", 4);

mapput("三月标", 9);

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

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

Iterator it = mapkeySet()iterator();

while(ithasNext()){

String key=(String) itnext();

nameListadd(key);

valueListadd(mapget(key));

}

requestsetAttribute("nameList", JSONArrayfromObject(nameList)toString());

requestsetAttribute("valueList",JSONArrayfromObject(valueList)toString());

}

前台:

data:[

{

name:${nameList},

value:${valueList}

}

]

echartsjs根后台数据动态更新数据显示:

function initDefaultChart(ec){

echarts = ec;

var list_devData = ${pointDataMassage};

/ consoleinfo(list_devData); /

var str = "";

for (var one in list_devData){

/ consoleinfo("one",list_devData[one]); /

var id_data =list_devData[one]dataId;

var data_unit = list_devData[one]dataUnit;

var dataSort = list_devData[one]dataSort;

/ consoleinfo("id",id_data); /

if(documentgetElementById("attr_"+id_data)!=undefined){/ !exp && typeof(exp)!="undefined" && exp!=0 /

var myChart = ecinit(documentgetElementById("attr_"+id_data));

var option = {

tooltip : {

formatter: "{b} <br/>{c}{a}"

},

toolbox: {

show : false,

feature : {

mark : {show: true},

restore : {show: true},

saveAsImage : {show: true}

}

}

}

以上就是关于Echarts关于饼图data中数据如何动态填充全部的内容,包括:Echarts关于饼图data中数据如何动态填充、echarts.js怎么根后台数据动态更新数据显示、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9802929.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存