103 lines
3.4 KiB
Plaintext
103 lines
3.4 KiB
Plaintext
|
let myChart = echarts.init(document.getElementById('echarts-one'));
|
|||
|
|
let myChart2 = echarts.init(document.getElementById('echarts-two'));
|
|||
|
|
|
|||
|
|
function initEchartsOne(valueList) {
|
|||
|
|
let fontSize = '14', fontFamily = 'Alibaba PuHuiTi R', fontColor = '#000';
|
|||
|
|
let option = {
|
|||
|
|
color: ['#37a2da', '#32c5e9', '#9fe6b8', '#ffdb5c', '#ff9f7f', '#fb7293', '#e7bcf3', '#8378ea'],
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'item',
|
|||
|
|
formatter: '{a} <br/>{b} : {c} ({d}%)',
|
|||
|
|
textStyle: {
|
|||
|
|
color: fontColor,
|
|||
|
|
fontFamily: fontFamily
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
toolbox: {
|
|||
|
|
show: true,
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
x: '10%', //水平位置，【left\center\right\数字】
|
|||
|
|
y: '350', //垂直位置，【top\center\bottom\数字】
|
|||
|
|
align: 'left', //字在图例的左边或右边【left/right】
|
|||
|
|
orient: 'horizontal', //图例方向【horizontal/vertical】
|
|||
|
|
icon: 'circle', //图例形状【circle\rect\roundRect\triangle\diamond\pin\arrow\none】
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#000',
|
|||
|
|
fontFamily: fontFamily,
|
|||
|
|
fontSize: fontSize
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '监理单位',
|
|||
|
|
type: 'pie',
|
|||
|
|
radius: [0, 130],
|
|||
|
|
center: ["50%", "40%"],
|
|||
|
|
label: {
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#000',
|
|||
|
|
fontFamily: fontFamily,
|
|||
|
|
fontSize: fontSize
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
data: valueList,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
};
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
window.addEventListener("resize", function () {
|
|||
|
|
myChart.resize();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 施工单位
|
|||
|
|
function initEchartsTwo(valueList) {
|
|||
|
|
let fontSize = '14', fontFamily = 'Alibaba PuHuiTi R', fontColor = '#000';
|
|||
|
|
let option = {
|
|||
|
|
color: ['#37a2da', '#32c5e9', '#9fe6b8', '#ffdb5c', '#ff9f7f', '#fb7293', '#e7bcf3', '#8378ea'],
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'item',
|
|||
|
|
formatter: '{a} <br/>{b} : {c} ({d}%)',
|
|||
|
|
textStyle: {
|
|||
|
|
color: fontColor,
|
|||
|
|
fontFamily: fontFamily
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
toolbox: {
|
|||
|
|
show: true,
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
x: '10%', //水平位置，【left\center\right\数字】
|
|||
|
|
y: '350', //垂直位置，【top\center\bottom\数字】
|
|||
|
|
align: 'left', //字在图例的左边或右边【left/right】
|
|||
|
|
orient: 'horizontal', //图例方向【horizontal/vertical】
|
|||
|
|
icon: 'circle', //图例形状【circle\rect\roundRect\triangle\diamond\pin\arrow\none】
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#000',
|
|||
|
|
fontFamily: fontFamily,
|
|||
|
|
fontSize: fontSize
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '施工单位',
|
|||
|
|
type: 'pie',
|
|||
|
|
radius: [0, 130],
|
|||
|
|
center: ["50%", "40%"],
|
|||
|
|
label: {
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#000',
|
|||
|
|
fontFamily: fontFamily,
|
|||
|
|
fontSize: fontSize
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
data: valueList,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
};
|
|||
|
|
myChart2.setOption(option, true);
|
|||
|
|
window.addEventListener("resize", function () {
|
|||
|
|
myChart2.resize();
|
|||
|
|
});
|
|||
|
|
}
|