|
|
@ -198,8 +198,11 @@ |
|
|
</div> |
|
|
</div> |
|
|
</form> |
|
|
</form> |
|
|
<div class="cont-box"> |
|
|
<div class="cont-box"> |
|
|
|
|
|
<div class="chart-box"> |
|
|
<div class="chart-box" id="container1" style="width: 500px; height: 500px;"></div> |
|
|
<h3 class="chart-title">企业类型数量及占比</h3> |
|
|
|
|
|
<div id="echartRegistration" style="width: 600px;height:600px;"></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!--<div class="chart-box" id="container1" style="width: 600px; height: 600px;"></div>--> |
|
|
<div class="chart-box" id="container2" style="width: 500px; height: 500px;"></div> |
|
|
<div class="chart-box" id="container2" style="width: 500px; height: 500px;"></div> |
|
|
<div class="chart-box" id="container3" style="width: 500px; height: 500px;"></div> |
|
|
<div class="chart-box" id="container3" style="width: 500px; height: 500px;"></div> |
|
|
<div class="chart-box" id="container4" style="width: 500px; height: 500px;"></div> |
|
|
<div class="chart-box" id="container4" style="width: 500px; height: 500px;"></div> |
|
|
@ -226,7 +229,8 @@ |
|
|
var checkDouble=/*[[${checkDouble}]]*/{}; |
|
|
var checkDouble=/*[[${checkDouble}]]*/{}; |
|
|
var searchType; |
|
|
var searchType; |
|
|
var rowData=[]; |
|
|
var rowData=[]; |
|
|
var echart1=echarts.init(document.getElementById('container1')); |
|
|
/*var echart1=echarts.init(document.getElementById('container1'));*/ |
|
|
|
|
|
var echart1=echarts.init(document.getElementById('echartRegistration')); |
|
|
var echart2=echarts.init(document.getElementById('container2')); |
|
|
var echart2=echarts.init(document.getElementById('container2')); |
|
|
var echart3=echarts.init(document.getElementById('container3')); |
|
|
var echart3=echarts.init(document.getElementById('container3')); |
|
|
var echart4=echarts.init(document.getElementById('container4')); |
|
|
var echart4=echarts.init(document.getElementById('container4')); |
|
|
@ -366,7 +370,7 @@ |
|
|
success: function (response) { |
|
|
success: function (response) { |
|
|
console.log(response); |
|
|
console.log(response); |
|
|
var option1 = { |
|
|
var option1 = { |
|
|
color:['#1874CD','#3A5FCD','#436EEE','#4876FF','#1E90FF','#63B8FF'], |
|
|
/*color:['#1874CD','#3A5FCD','#436EEE','#4876FF','#1E90FF','#63B8FF'], |
|
|
tooltip: {}, |
|
|
tooltip: {}, |
|
|
legend: { |
|
|
legend: { |
|
|
top:'1%', |
|
|
top:'1%', |
|
|
@ -387,7 +391,42 @@ |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
} |
|
|
} |
|
|
] |
|
|
]*/ |
|
|
|
|
|
tooltip: { |
|
|
|
|
|
trigger: 'item', |
|
|
|
|
|
formatter: '{b}: {c} ({d}%)' |
|
|
|
|
|
}, |
|
|
|
|
|
/*legend: { |
|
|
|
|
|
x : 'left', |
|
|
|
|
|
y : 'center', |
|
|
|
|
|
itemGap: 20, |
|
|
|
|
|
orient: 'vercital' |
|
|
|
|
|
},*/ |
|
|
|
|
|
color: ['#1f74f1', '#79e24a', '#41d5d3', '#f59036', '#fed100', '#ababac'], |
|
|
|
|
|
series: [{ |
|
|
|
|
|
top: '10%', |
|
|
|
|
|
left: '20%', |
|
|
|
|
|
type: 'pie', |
|
|
|
|
|
name: '名称', |
|
|
|
|
|
radius: ['20%', '28%'], |
|
|
|
|
|
center: ['50%', '25%'], |
|
|
|
|
|
label: { |
|
|
|
|
|
formatter: '{b}: {c} ({d}%)', |
|
|
|
|
|
borderWidth: 1, |
|
|
|
|
|
borderRadius: 4, |
|
|
|
|
|
color: '#4F4F4F', |
|
|
|
|
|
fontFamily: 'PingFangSC-Regular', |
|
|
|
|
|
fontSize: '14', |
|
|
|
|
|
rich: { |
|
|
|
|
|
a: { |
|
|
|
|
|
color: '#4F4F4F', |
|
|
|
|
|
lineHeight: 18, |
|
|
|
|
|
align: 'center' |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
data: response, |
|
|
|
|
|
}] |
|
|
}; |
|
|
}; |
|
|
echart1.setOption(option1); |
|
|
echart1.setOption(option1); |
|
|
} |
|
|
} |
|
|
|