echarts绘制嵌套环形图/ 双饼图
设备类型在里 设备品牌在外
后台返回数据如下格式：
device_brand_distribution = [{'equipment_type': '智能手机', 'equipment_brand': 'xiaomi',
'equipment_output': '20.0%', 'equipment_type_number': 300,
'equipment_brand_number': 200},
{'equipment_type': '智能手机', 'equipment_brand': 'huawei',
'equipment_output': '10.0%', 'equipment_type_number': 300,
'equipment_brand_number': 100},
{'equipment_type': 'desktop', 'equipment_brand': '联想',
'equipment_output': '70.0%',
'equipment_type_number': 700,
'equipment_brand_number': 700}]
HTML如下：
访问设备品牌分布
js代码如下：
发送ajax请求 请求成功后 在success里{
var brand_distribution = result.device_brand_distribution;//设备品牌分布
var typeData = fnPiedata2(brand_distribution,'equipment_type','equipment_type_number');//name,value,百分比,类型
var bransData = fnPiedata2(brand_distribution,'equipment_brand','equipment_brand_number');//name,value,百分比,类型
var data=fnPiedata3(brand_distribution,'equipment_type','equipment_brand','equipment_output');
fnEquipmentbrand2('equipmentbrand',data,typeData,'设备品牌分布图',bransData);
}
/*双饼图数据格式转换*/
// fnPiedata2处理内部 设备类型的数据 name是设备类型 value是对应的数值
function fnPiedata2(dt,name,value){
var arr = [];
var namrArr=[];
for(var i=0;i');
otr.html(''+dt[j].type+' '+dt[j].brand+' '+dt[j].percent+' ')
$('.brandDistribution').append(otr);
}
// 图片左侧对应的小提示
var arrname = [];
for(var i=0;i