Question

echarts如何显示数据分组后每项的详细视图

我想做个图表，然后图标里有很多项，每项都能展开有自己的详细图表，类似于Easyui中的DataGrid Group那种，但是用eaharts做成图形形式的为了好看。请高手帮忙回答

Answer 1

//设置ajax访问后台填充饼图
function setChartPie(url,id){
var Chart=require('echarts').init(document.getElementById(id));
Chart.showLoading({text: '正在努力的读取数据中...' });
var label=[];
var value=[];
$.ajax({
url:url,
dataType:"json",
success:function(data){
$.each(data,function(i,p){
label[i]=p['label'];
value[i]={'name':p['label'],'value':p['value']};
});
Chart.hideLoading();
optionPie.legend.data=label;
optionPie.series[0]['data']=value;
optionPie.series[0]['radius']=[0,100];
Chart.setOption(optionPie);
}
});

}

追问

效果是什么样的，可以发张图看看吗