var any_DB_XMLX = function (myData, containerID) {
|
var series1 = myData.series1;
|
var legend1 = myData.legend1;
|
var data1 = myData.data1;
|
var ids1 = myData.usesort1_ids;
|
doSortDesc1(data1, legend1, ids1);
|
|
var series2 = myData.series2;
|
var legend2 = myData.legend2;
|
var data2 = myData.data2;
|
var ids2 = myData.usesort2_ids;
|
doSortDesc1(data2, legend2, ids2);
|
|
var title = myData.title;
|
var subtitle = myData.subtitle;
|
|
var myChart = echarts.init(document.getElementById(containerID), echar_theme);
|
|
//function createSerData(le,da) {
|
// var parr = [];
|
// for (var i = 0; i < le.length; i++) {
|
// var ser = {};
|
// ser.name = le[i];
|
// ser.value = da[i];
|
// parr.push(ser);
|
// }
|
|
// return parr;
|
//}
|
function createSerData(le, da,num) {
|
var parr = [];
|
var othsum = 0;
|
for (var i = 0; i < le.length; i++) {
|
var ser = {};
|
if (i < num) {
|
ser.name = le[i];
|
ser.value = da[i];
|
parr.push(ser);
|
}
|
else {
|
othsum += parseFloat(da[i])
|
}
|
}
|
if (le.length > num) {
|
ser.name = "其它";
|
ser.value = parseFloat(othsum).toFixed(2);
|
parr.push(ser);
|
}
|
return parr;
|
}
|
//function getAllLegend(le1, le2) {
|
// var le = [];
|
// for (var i = 0; i < le1.length; i++) {
|
// le.push(le1[i]);
|
// }
|
// for (var j = 0; j < le2.length; j++) {
|
// le.push(le2[j]);
|
// }
|
// return le;
|
//}
|
function getLegend1Sub(le1, num) {
|
var le = [];
|
for (var i = 0; i < le1.length; i++) {
|
if (i < num) {
|
le.push(le1[i]);
|
}
|
}
|
if (le1.length > num) {
|
le.push("其它");
|
}
|
return le;
|
}
|
var num1 = 3;
|
var num2 = 5;
|
var serdata1 = createSerData(legend1, data1,num1);
|
var serdata2 = createSerData(legend2, data2,num2);
|
// var legend = getAllLegend(legend1, legend2);
|
//用海类型A图例：前三个 加其他
|
|
option = {
|
title: {
|
show:false,
|
text: title,
|
subtext: subtitle,
|
x: 'center',
|
y: 'bottom',
|
textStyle: {
|
fontWeight: 'normal',
|
fontSize: 16
|
}
|
},
|
tooltip: {
|
trigger: 'item',
|
formatter: "{a} <br/>{b} : {c} ({d}%)",
|
position: 'right'
|
},
|
legend: {
|
show: true,
|
orient: 'horizontal',
|
width:'90%',
|
// left:'0%',
|
//right:'0%',
|
bottom: '0%',
|
textStyle: {
|
fontWeight: 'normal',
|
},
|
data: getLegend1Sub(legend1, num1)
|
},
|
toolbox: {
|
show: false,
|
feature: {
|
mark: { show: true },
|
dataView: { show: true, readOnly: false },
|
magicType: {
|
show: true,
|
type: ['pie', 'funnel']
|
},
|
restore: { show: true },
|
saveAsImage: { show: true }
|
}
|
},
|
series: [
|
{
|
name: series1,
|
type: 'pie',
|
selectedMode: 'single',
|
center: ['50%', '45%'],
|
radius: [0, 45],
|
itemStyle: {
|
normal: {
|
label: {
|
show:false,
|
position: 'inner',
|
formatter: function (params) {
|
var subname = params.name;
|
if (params.name.length > 3) subname = params.name.substr(0, 2);
|
return subname;
|
},
|
//formatter: "{b}"
|
},
|
labelLine: {
|
show: false
|
}
|
}
|
},
|
data: serdata1
|
},
|
{
|
name: series2,
|
type: 'pie',
|
center: ['50%', '45%'],
|
radius: [55, 82],
|
label: {
|
normal: {
|
position: 'outside',//inner|inside|center|outside
|
formatter: function (params) {
|
var subname = params.name;
|
if (params.name.length > 2) subname = params.name.substr(0, 2);
|
return subname + "n" + params.value;
|
},
|
textStyle: {
|
//color: '#fff',
|
//fontWeight: 'bold',
|
//fontSize: 14
|
}
|
}
|
},
|
labelLine: {
|
normal: {
|
show: true,
|
length:1
|
}
|
},
|
//center: ['50%', '55%'],
|
itemStyle: {
|
normal: {
|
label: {
|
//position: 'inner',
|
//formatter: "{c}"
|
},
|
labelLine: {
|
show: true,
|
length:1
|
}
|
}
|
},
|
data: serdata2
|
}
|
|
]
|
};
|
myChart.setOption(option);
|
myChart.on('click', function (params) {
|
Clear();
|
var v = "";
|
SetLevelSelected();
|
if (params.seriesName == "项目类型A") {
|
v = GetValue(legend1, ids1, num1, params.name);
|
if (v.indexOf(',')<0)
|
$("#Sat_Purpose").val(v);
|
else
|
$("#Sat_Purpose_AStr").val(v);
|
} else if (params.seriesName == "项目类型B") {
|
v = GetValue(legend2, ids2, num2, params.name);
|
if (v.indexOf(',') < 0)
|
$("#Sat_Purpose").val(v);
|
else
|
$("#Sat_Purpose_BStr").val(v);
|
} else if (params.seriesName == "用海方式A") {
|
v = GetValue(legend1, ids1, num1, params.name);
|
if (v.indexOf(',') < 0)
|
$("#Sat_UseMode").val(v);
|
else
|
$("#Sat_UseMode_AStr").val(v);
|
}
|
else if (params.seriesName == "用海方式B") {
|
v = GetValue(legend2, ids2, num2, params.name);
|
if (v.indexOf(',') < 0)
|
$("#Sat_UseMode").val(v);
|
else
|
$("#Sat_UseMode_BStr").val(v);
|
}
|
$("[href='#tab_1_2']").click();
|
Search();
|
})
|
function GetValue(legend,ids,startnum,label) {
|
var v = "";
|
for (var i = 0; i < legend.length; i++) {
|
if (legend[i] == label) {
|
v = ids[i];
|
break;
|
}
|
}
|
if (label == "其它") {
|
for (var i = startnum; i < legend.length; i++) {
|
v += ids[i] + ",";
|
}
|
}
|
return v;
|
}
|
//登记级别选中
|
function SetLevelSelected() {
|
$("#LevelA").parent().attr("class", "checked");
|
$("#LevelA").attr("checked", true);
|
|
$("#LevelB").parent().attr("class", "checked");
|
$("#LevelB").attr("checked", true);
|
|
$("#LevelC").parent().attr("class", "checked");
|
$("#LevelC").attr("checked", true);
|
|
$("#LevelD").parent().attr("class", "checked");
|
$("#LevelD").attr("checked", true);
|
}
|
}
|
