关于echarts绘制饼图动态填充数据

[谁动了我的烟]

这样格式的 串 ：{category:['A','B','C'],total:[4,1,1]} 怎么样填充到Echarts 绘制的饼图里面。

var option2 = {
					    title : {
					        text: title,
					        subtext: '',
					        x:'center'
					    },
					    tooltip : {
					        trigger: 'item',
					        formatter: "{a} <br/>{b} : {c} ({d}%)"
					    },
					    legend: {
					        orient : 'vertical',
					        x : 'left',
					        data:indexdata.category
					    },
					    toolbox: {
					        show : false,
					        feature : {
					            mark : true,
					            dataView : {readOnly: false},
					            restore : true,
					            saveAsImage : true
					        }
					    },
					    calculable : true,
					    series : [
					        {
					            name:'数量小计',
					            type:'pie',
					            radius : [0, 110],
					            selectedOffset : [10],
					            //data:[
					          		//{value:indexdata.total[0], name:indexdata.category[0]},
					                //{value:indexdata.total[1], name:indexdata.category[1]}
					            //] 
					            
					            data: (function(){

								var res = [];
								var len = 0;
								while (len++ < 2) {
								res.push({
								name: indexdata.category,
								value: indexdata.total
								});
								}
								return res;
								})()
					            
					            
					             
					        }
					    ]
					};

[往事也加]

同求答案同求答案同求答案同求答案

[顾小林]

res = new Array(); 试试看

[顾小林]

indexdata = {category:['A','B','C'],total:[4,1,1]};

option = {
					    title : {
					        text: 'xxxx',
					        subtext: '',
					        x:'center'
					    },
					    tooltip : {
					        trigger: 'item',
					        formatter: "{a} <br/>{b} : {c} ({d}%)"
					    },
					    legend: {
					        orient : 'vertical',
					        x : 'left',
					        data:indexdata.category
					    },
					    toolbox: {
					        show : false,
					        feature : {
					            mark : true,
					            dataView : {readOnly: false},
					            restore : true,
					            saveAsImage : true
					        }
					    },
					    calculable : true,
					    series : [
					        {
					            name:'数量小计',
					            type:'pie',
					            radius : [0, 110],
					            selectedOffset : [10],
					            //data:[
					          		//{value:indexdata.total[0], name:indexdata.category[0]},
					                //{value:indexdata.total[1], name:indexdata.category[1]}
					            //] 
					            
					            data: (function(){

								var res = [];
								var len = 0;
								for(var i=0,size=index_data.total.length;i<size;i++) {
								res.push({
								name: indexdata.category[i],
								value: indexdata.total[i]
								});
								}
								return res;
								})()
					            
					            
					             
					        }
					    ]
					};

                    

[顾小林]

第一次 贴错回答见谅见谅

[Braska]

data: (function(){

								var res = [];
								var len = indexdata.total.length;
								while (len--) {
								res.push({
								name: indexdata.category[len],
								value: indexdata.total[len]
								});
								}
								return res;
								})()

[lenard2]

真心没问题，找了很久，这个好用，真心能用。阁下真心是大神啊。

[efrick]

万分感谢，解决了我的心头大患

[jio可]

{category:['A','B','C'],total:[4,1,1]} 可以直接写一个function处理格式以后option series.data直接调用方法，不然你有多个series:[{1},{2},{3},...],你就要写很多的

(function(){
 
                                var res = [];
                                var len = indexdata.total.length;
                                while (len--) {
                                res.push({
                                name: indexdata.category[len],
                                value: indexdata.total[len]
                                });
                                }
                                return res;
                                })()

[qq_30979245]

楼主 很勤勉啊 完全解决了问题

[qq_30979245]

9楼我说错了 是3楼的回答正解

[qq_21817433]

可以先用ajax拿到后台给你的数据 data，然后把option2的data换成你拿到的就可以了 var option2 = { 此处正常绘制 ｝

[qq_36565736]

真心不错，收藏呢