|
|
@@ -34,7 +34,7 @@
|
|
|
<div class="con_div">
|
|
|
<div class="qkq_tit txt_t">2024年上半年办理渠道统计</div>
|
|
|
<div class="qkq_qkq_div clearfix">
|
|
|
-
|
|
|
+
|
|
|
<div id="qkq_bj5"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -49,44 +49,36 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="con_div">
|
|
|
- <div class="qkq_tit txt_t">2024年上半年新办企业数</div>
|
|
|
- <div id="qkq_bj1"></div>
|
|
|
-
|
|
|
+ <div class="qkq_tit txt_t">2024年上半年新办企业数</div>
|
|
|
+ <div id="qkq_bj1"></div>
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="con_left_f">
|
|
|
- <div class="con_div">
|
|
|
- <div class="qkq_tit txt_t">2024年上半年好差评统计</div>
|
|
|
- <div id="qkq_bj4"></div>
|
|
|
- </div>
|
|
|
<div class="con_div">
|
|
|
- <div class="qkq_tit txt_t">2024年上半年办结率统计</div>
|
|
|
- <!-- <div class="qkq_bjzs_con fl">
|
|
|
- <h4>{{ HallHandling.hallTotal }}</h4>
|
|
|
- <p>大厅办件总数</p>
|
|
|
- <div class="qkq_bjzs_bg"></div>
|
|
|
-
|
|
|
- </div> -->
|
|
|
- <div class="qkq_bjzs_txt clearfix fl">
|
|
|
- <div class="qkq_bjzs_txt_fl">
|
|
|
-
|
|
|
- <div class="qkq_bjs" >
|
|
|
- <div id="qkq_bjs_01"></div>
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
+ <div class="qkq_tit txt_t">2024年上半年好差评统计</div>
|
|
|
+ <div id="qkq_bj4"></div>
|
|
|
+ </div>
|
|
|
+ <div class="con_div">
|
|
|
+ <div class="qkq_tit txt_t">2024年上半年办结率统计</div>
|
|
|
+ <!-- <div class="qkq_bjzs_con fl">
|
|
|
+ <h4>{{ HallHandling.hallTotal }}</h4>
|
|
|
+ <p>大厅办件总数</p>
|
|
|
+ <div class="qkq_bjzs_bg"></div>
|
|
|
+
|
|
|
+ </div> -->
|
|
|
+ <div class="qkq_bjzs_txt clearfix fl">
|
|
|
+ <div class="qkq_bjzs_txt_fl">
|
|
|
+ <div class="qkq_bjs">
|
|
|
+ <div id="qkq_bjs_01"></div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
- <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ <div class="clear"></div>
|
|
|
</div>
|
|
|
<div class="con_div">
|
|
|
- <div class="qkq_tit txt_t">2024年上半年高频事项Top10</div>
|
|
|
+ <div class="qkq_tit txt_t">2024年上半年高频事项Top5</div>
|
|
|
<div class="qkq_sxtop">
|
|
|
<p v-for="(item, index) in HighFrequencyMatters" :key="index">
|
|
|
<a><i>{{ index + 1 }}</i>{{ item.eventName }}</a><span>{{ item.eventCount }}件</span>
|
|
|
@@ -99,57 +91,53 @@
|
|
|
<div class="con_div qkq_bjzs">
|
|
|
<div class="qkq_tit txt_t">工程建设项目审批</div>
|
|
|
<div class="qkq_gc_con clearfix">
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>6</b>个</p>
|
|
|
- <p>建设用地(含临时建设用地)规划许可证</p>
|
|
|
- </div>
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>40</b>天</p>
|
|
|
- <p>年度平均审批用时项目用时</p>
|
|
|
- </div>
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>11</b>个</p>
|
|
|
- <p>建设工程(含临时建设工程)规划许可证</p>
|
|
|
- </div>
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>13</b>天</p>
|
|
|
- <p>年度平均审批用时立项用地阶段</p>
|
|
|
- </div>
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>21</b>个</p>
|
|
|
- <p>建筑工程施工许可证</p>
|
|
|
- </div>
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>8</b>天</p>
|
|
|
- <p>年度平均审批用时工程规划阶段</p>
|
|
|
- </div>
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>52</b>个</p>
|
|
|
- <p>市政公用办理项目数</p>
|
|
|
- </div>
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>2</b>天</p>
|
|
|
- <p>年度平均审批用时施工许可阶段</p>
|
|
|
- </div>
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>25</b>个</p>
|
|
|
- <p>联合验收项目数</p>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <div class="qkq_gc_div">
|
|
|
- <p><b>17</b>天</p>
|
|
|
- <p>年度平均审批用时竣工验收阶段</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>建设用地(含临时建设用地)规划许可证</p>
|
|
|
+ <p><b>6</b>个</p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>年度平均审批用时项目用时</p>
|
|
|
+ <p><b>40</b>天</p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>建设工程(含临时建设工程)规划许可证</p>
|
|
|
+ <p><b>11</b>个</p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>年度平均审批用时立项用地阶段</p>
|
|
|
+ <p><b>13</b>天</p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>建筑工程施工许可证</p>
|
|
|
+ <p><b>21</b>个</p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>年度平均审批用时工程规划阶段</p>
|
|
|
+ <p><b>8</b>天</p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>市政公用办理项目数</p>
|
|
|
+ <p><b>52</b>个</p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>年度平均审批用时施工许可阶段</p>
|
|
|
+ <p><b>2</b>天</p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>联合验收项目数</p>
|
|
|
+ <p><b>25</b>个</p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_gc_div">
|
|
|
+ <p>年度平均审批用时竣工验收阶段</p>
|
|
|
+ <p><b>17</b>天</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="con_div">
|
|
|
<div class="qkq_tit txt_t">公安政务服务数据统计</div>
|
|
|
<div id="qkq_bj3"></div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@@ -227,13 +215,13 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
dropdownVisible: false,
|
|
|
- HandlingDocuments:{},
|
|
|
- BadReview:{},
|
|
|
- Business:{},
|
|
|
- CompletionRate:{},
|
|
|
- HallHandling:{},
|
|
|
- HighFrequencyMatters:{},
|
|
|
- PublicSecurityDocuments:{},
|
|
|
+ HandlingDocuments: {},
|
|
|
+ BadReview: {},
|
|
|
+ Business: {},
|
|
|
+ CompletionRate: {},
|
|
|
+ HallHandling: {},
|
|
|
+ HighFrequencyMatters: {},
|
|
|
+ PublicSecurityDocuments: {},
|
|
|
channel: [],
|
|
|
sltProps: null,
|
|
|
currentTime: '',
|
|
|
@@ -260,8 +248,8 @@ export default {
|
|
|
// this.qkq_bj3();
|
|
|
// this.qkq_bj4();
|
|
|
// this.qkq_bj5();
|
|
|
-
|
|
|
- this.qkq_bjs_01();
|
|
|
+
|
|
|
+ this.qkq_bjs_01();
|
|
|
|
|
|
this.getCurrentTime();
|
|
|
|
|
|
@@ -1111,303 +1099,303 @@ export default {
|
|
|
},
|
|
|
qkq_bj5(val) {
|
|
|
var myChart = echarts.init(document.getElementById('qkq_bj5'));
|
|
|
- var data=[3599, 18663, 7346,1940,1];
|
|
|
- var className=['新版全流程','智慧人社','e窗通','金税三期','其他'];
|
|
|
- var colorList=['#39B3FF','#47E0E0','#7891D9','#83D978','#C7A530','#FF8439'];
|
|
|
- var defaultData=[100,100,100,100,100,100];
|
|
|
- var option = {
|
|
|
- legend:{
|
|
|
- data:['渠道'],
|
|
|
- icon:'circle',
|
|
|
- bottom:10,
|
|
|
- textStyle:{
|
|
|
- color:'#ffffff'
|
|
|
+ var data = [3599, 18663, 7346, 1940, 1];
|
|
|
+ var className = ['新版全流程', '智慧人社', 'e窗通', '金税三期', '其他'];
|
|
|
+ var colorList = ['#39B3FF', '#47E0E0', '#7891D9', '#83D978', '#C7A530', '#FF8439'];
|
|
|
+ var defaultData = [100, 100, 100, 100, 100, 100];
|
|
|
+ var option = {
|
|
|
+ legend: {
|
|
|
+ data: ['渠道'],
|
|
|
+ icon: 'circle',
|
|
|
+ bottom: 10,
|
|
|
+ textStyle: {
|
|
|
+ color: '#ffffff'
|
|
|
},
|
|
|
- show: false
|
|
|
+ show: false
|
|
|
},
|
|
|
grid: {
|
|
|
- left: '5%',
|
|
|
- right: '5%',
|
|
|
- bottom: '5%',
|
|
|
- top: '10%',
|
|
|
- containLabel: true
|
|
|
+ left: '5%',
|
|
|
+ right: '5%',
|
|
|
+ bottom: '5%',
|
|
|
+ top: '10%',
|
|
|
+ containLabel: true
|
|
|
},
|
|
|
tooltip: {
|
|
|
- trigger: 'axis',
|
|
|
- axisPointer: {
|
|
|
- type: 'shadow'
|
|
|
- },
|
|
|
- formatter: function(params) {
|
|
|
- return params[0].name + '<br/>' +
|
|
|
- "<span style='display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:rgba(36,207,233,0.9)'></span>" +
|
|
|
- // params[0].seriesName + ' : ' + Number((params[0].value.toFixed(4) / 10000).toFixed(2)).toLocaleString() + ' <br/>'
|
|
|
- params[0].seriesName + ' : ' + params[0].value
|
|
|
- }
|
|
|
+ trigger: 'axis',
|
|
|
+ axisPointer: {
|
|
|
+ type: 'shadow'
|
|
|
+ },
|
|
|
+ formatter: function (params) {
|
|
|
+ return params[0].name + '<br/>' +
|
|
|
+ "<span style='display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:rgba(36,207,233,0.9)'></span>" +
|
|
|
+ // params[0].seriesName + ' : ' + Number((params[0].value.toFixed(4) / 10000).toFixed(2)).toLocaleString() + ' <br/>'
|
|
|
+ params[0].seriesName + ' : ' + params[0].value
|
|
|
+ }
|
|
|
},
|
|
|
xAxis: {
|
|
|
- type: 'value',
|
|
|
- axisLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
+ type: 'value',
|
|
|
+ axisLine: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
},
|
|
|
yAxis: [{
|
|
|
- type: 'category',
|
|
|
- inverse: true,
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- color: '#fff'
|
|
|
- },
|
|
|
+ type: 'category',
|
|
|
+ inverse: true,
|
|
|
+ axisLabel: {
|
|
|
+ show: true,
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff'
|
|
|
},
|
|
|
- splitLine: {
|
|
|
- show: false
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ data: className
|
|
|
+ }, {
|
|
|
+ type: 'category',
|
|
|
+ inverse: true,
|
|
|
+ axisTick: 'none',
|
|
|
+ axisLine: 'none',
|
|
|
+ show: true,
|
|
|
+ axisLabel: {
|
|
|
+ textStyle: {
|
|
|
+ color: '#ffffff',
|
|
|
+ fontSize: '12'
|
|
|
},
|
|
|
- axisTick: {
|
|
|
- show: false
|
|
|
+ formatter: function (value) {
|
|
|
+ return value;
|
|
|
},
|
|
|
- axisLine: {
|
|
|
- show: false
|
|
|
+ },
|
|
|
+ data: data
|
|
|
+ }],
|
|
|
+ series: [{
|
|
|
+ name: '渠道',
|
|
|
+ type: 'bar',
|
|
|
+ zlevel: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ barBorderRadius: 0,
|
|
|
+ // color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
|
|
|
+ // offset: 0,
|
|
|
+ // color: 'rgb(57,89,255,1)'
|
|
|
+ // }, {
|
|
|
+ // offset: 1,
|
|
|
+ // color: 'rgb(46,200,207,1)'
|
|
|
+ // }]),
|
|
|
+ color: (params) => {
|
|
|
+ return colorList[params.dataIndex]
|
|
|
+ }
|
|
|
},
|
|
|
- data: className
|
|
|
- }, {
|
|
|
- type: 'category',
|
|
|
- inverse: true,
|
|
|
- axisTick: 'none',
|
|
|
- axisLine: 'none',
|
|
|
- show: true,
|
|
|
- axisLabel: {
|
|
|
+ },
|
|
|
+ barWidth: 20,
|
|
|
+ data: data
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+
|
|
|
+ if (option) {
|
|
|
+ myChart.setOption(option);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ qkq_bjs_01() {
|
|
|
+ var myChart = echarts.init(document.getElementById('qkq_bjs_01'));
|
|
|
+ var dataStyle = {
|
|
|
+ normal: {
|
|
|
+ label: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ shadowBlur: 0,
|
|
|
+ shadowColor: '#203665'
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var option = {
|
|
|
+ series: [{
|
|
|
+ name: '第一个圆环',
|
|
|
+ type: 'pie',
|
|
|
+ clockWise: false,
|
|
|
+ radius: [70, 80],
|
|
|
+ itemStyle: dataStyle,
|
|
|
+ hoverAnimation: false,
|
|
|
+ center: ['15%', '50%'],
|
|
|
+ data: [{
|
|
|
+ value: 25,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ rich: {
|
|
|
+ a: {
|
|
|
+ color: '#3a7ad5',
|
|
|
+ align: 'center',
|
|
|
+ fontSize: 20,
|
|
|
+ fontWeight: "bold"
|
|
|
+ },
|
|
|
+ b: {
|
|
|
+ color: '#fff',
|
|
|
+ align: 'center',
|
|
|
+ fontSize: 16
|
|
|
+ }
|
|
|
+ },
|
|
|
+ formatter: function (params) {
|
|
|
+ return "{b|办件数}\n\n" + "{a|" + params.value + "个}";
|
|
|
+ },
|
|
|
+ position: 'center',
|
|
|
+ show: true,
|
|
|
textStyle: {
|
|
|
- color: '#ffffff',
|
|
|
- fontSize: '12'
|
|
|
+ fontSize: '14',
|
|
|
+ fontWeight: 'normal',
|
|
|
+ color: '#fff'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#2c6cc4',
|
|
|
+ shadowColor: '#2c6cc4',
|
|
|
+ shadowBlur: 0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ value: 75,
|
|
|
+ name: 'invisible',
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#24375c'
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ color: '#24375c'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ name: '第二个圆环',
|
|
|
+ type: 'pie',
|
|
|
+ clockWise: false,
|
|
|
+ radius: [70, 80],
|
|
|
+ itemStyle: dataStyle,
|
|
|
+ hoverAnimation: false,
|
|
|
+ center: ['50%', '50%'],
|
|
|
+ data: [{
|
|
|
+ value: 50,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ rich: {
|
|
|
+ a: {
|
|
|
+ color: '#d03e93',
|
|
|
+ align: 'center',
|
|
|
+ fontSize: 20,
|
|
|
+ fontWeight: "bold"
|
|
|
+ },
|
|
|
+ b: {
|
|
|
+ color: '#fff',
|
|
|
+ align: 'center',
|
|
|
+ fontSize: 16
|
|
|
+ }
|
|
|
},
|
|
|
- formatter: function(value) {
|
|
|
- return value ;
|
|
|
+ formatter: function (params) {
|
|
|
+ return "{b|办结数}\n\n" + "{a|" + params.value + "个}";
|
|
|
},
|
|
|
+ position: 'center',
|
|
|
+ show: true,
|
|
|
+ textStyle: {
|
|
|
+ fontSize: '14',
|
|
|
+ fontWeight: 'normal',
|
|
|
+ color: '#fff'
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
- data: data
|
|
|
- }],
|
|
|
- series: [{
|
|
|
- name: '渠道',
|
|
|
- type: 'bar',
|
|
|
- zlevel: 1,
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- barBorderRadius: 0,
|
|
|
- // color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
|
|
|
- // offset: 0,
|
|
|
- // color: 'rgb(57,89,255,1)'
|
|
|
- // }, {
|
|
|
- // offset: 1,
|
|
|
- // color: 'rgb(46,200,207,1)'
|
|
|
- // }]),
|
|
|
- color: (params) => {
|
|
|
- return colorList[params.dataIndex]
|
|
|
- }
|
|
|
- },
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#ef45ac',
|
|
|
+ shadowColor: '#ef45ac',
|
|
|
+ shadowBlur: 0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ value: 50,
|
|
|
+ name: 'invisible',
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#412a4e'
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ color: '#412a4e'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ name: '第三个圆环',
|
|
|
+ type: 'pie',
|
|
|
+ clockWise: false,
|
|
|
+ radius: [70, 80],
|
|
|
+ itemStyle: dataStyle,
|
|
|
+ hoverAnimation: false,
|
|
|
+ center: ['85%', '50%'],
|
|
|
+ data: [{
|
|
|
+ value: 75,
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ rich: {
|
|
|
+ a: {
|
|
|
+ color: '#603dd0',
|
|
|
+ align: 'center',
|
|
|
+ fontSize: 20,
|
|
|
+ fontWeight: "bold"
|
|
|
+ },
|
|
|
+ b: {
|
|
|
+ color: '#fff',
|
|
|
+ align: 'center',
|
|
|
+ fontSize: 16
|
|
|
+ }
|
|
|
+ },
|
|
|
+ formatter: function (params) {
|
|
|
+ return "{b|办结率}\n\n" + "{a|" + params.value + "%}";
|
|
|
},
|
|
|
- barWidth: 20,
|
|
|
- data: data
|
|
|
+ position: 'center',
|
|
|
+ show: true,
|
|
|
+ textStyle: {
|
|
|
+ fontSize: '14',
|
|
|
+ fontWeight: 'normal',
|
|
|
+ color: '#fff'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#613fd1',
|
|
|
+ shadowColor: '#613fd1',
|
|
|
+ shadowBlur: 0
|
|
|
+ }
|
|
|
}
|
|
|
- ]
|
|
|
- };
|
|
|
+ }, {
|
|
|
+ value: 25,
|
|
|
+ name: 'invisible',
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: '#453284'
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ color: '#453284'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+ }
|
|
|
|
|
|
if (option) {
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
},
|
|
|
- qkq_bjs_01(){
|
|
|
- var myChart = echarts.init(document.getElementById('qkq_bjs_01'));
|
|
|
- var dataStyle = {
|
|
|
- normal: {
|
|
|
- label: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- labelLine: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- shadowBlur: 0,
|
|
|
- shadowColor: '#203665'
|
|
|
- }
|
|
|
- };
|
|
|
- var option = {
|
|
|
- series: [{
|
|
|
- name: '第一个圆环',
|
|
|
- type: 'pie',
|
|
|
- clockWise: false,
|
|
|
- radius: [70, 80],
|
|
|
- itemStyle: dataStyle,
|
|
|
- hoverAnimation: false,
|
|
|
- center: ['15%', '50%'],
|
|
|
- data: [{
|
|
|
- value: 25,
|
|
|
- label: {
|
|
|
- normal: {
|
|
|
- rich: {
|
|
|
- a: {
|
|
|
- color: '#3a7ad5',
|
|
|
- align: 'center',
|
|
|
- fontSize: 20,
|
|
|
- fontWeight: "bold"
|
|
|
- },
|
|
|
- b: {
|
|
|
- color: '#fff',
|
|
|
- align: 'center',
|
|
|
- fontSize: 16
|
|
|
- }
|
|
|
- },
|
|
|
- formatter: function(params){
|
|
|
- return "{b|办件数}\n\n"+"{a|"+params.value+"个}";
|
|
|
- },
|
|
|
- position: 'center',
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- fontSize: '14',
|
|
|
- fontWeight: 'normal',
|
|
|
- color: '#fff'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#2c6cc4',
|
|
|
- shadowColor: '#2c6cc4',
|
|
|
- shadowBlur: 0
|
|
|
- }
|
|
|
- }
|
|
|
- }, {
|
|
|
- value: 75,
|
|
|
- name: 'invisible',
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#24375c'
|
|
|
- },
|
|
|
- emphasis: {
|
|
|
- color: '#24375c'
|
|
|
- }
|
|
|
- }
|
|
|
- }]
|
|
|
- }, {
|
|
|
- name: '第二个圆环',
|
|
|
- type: 'pie',
|
|
|
- clockWise: false,
|
|
|
- radius: [70, 80],
|
|
|
- itemStyle: dataStyle,
|
|
|
- hoverAnimation: false,
|
|
|
- center: ['50%', '50%'],
|
|
|
- data: [{
|
|
|
- value: 50,
|
|
|
- label: {
|
|
|
- normal: {
|
|
|
- rich: {
|
|
|
- a: {
|
|
|
- color: '#d03e93',
|
|
|
- align: 'center',
|
|
|
- fontSize: 20,
|
|
|
- fontWeight: "bold"
|
|
|
- },
|
|
|
- b: {
|
|
|
- color: '#fff',
|
|
|
- align: 'center',
|
|
|
- fontSize: 16
|
|
|
- }
|
|
|
- },
|
|
|
- formatter: function(params){
|
|
|
- return "{b|办结数}\n\n"+"{a|"+params.value+"个}";
|
|
|
- },
|
|
|
- position: 'center',
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- fontSize: '14',
|
|
|
- fontWeight: 'normal',
|
|
|
- color: '#fff'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#ef45ac',
|
|
|
- shadowColor: '#ef45ac',
|
|
|
- shadowBlur: 0
|
|
|
- }
|
|
|
- }
|
|
|
- }, {
|
|
|
- value: 50,
|
|
|
- name: 'invisible',
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#412a4e'
|
|
|
- },
|
|
|
- emphasis: {
|
|
|
- color: '#412a4e'
|
|
|
- }
|
|
|
- }
|
|
|
- }]
|
|
|
- }, {
|
|
|
- name: '第三个圆环',
|
|
|
- type: 'pie',
|
|
|
- clockWise: false,
|
|
|
- radius: [70, 80],
|
|
|
- itemStyle: dataStyle,
|
|
|
- hoverAnimation: false,
|
|
|
- center: ['85%', '50%'],
|
|
|
- data: [{
|
|
|
- value: 75,
|
|
|
- label: {
|
|
|
- normal: {
|
|
|
- rich: {
|
|
|
- a: {
|
|
|
- color: '#603dd0',
|
|
|
- align: 'center',
|
|
|
- fontSize: 20,
|
|
|
- fontWeight: "bold"
|
|
|
- },
|
|
|
- b: {
|
|
|
- color: '#fff',
|
|
|
- align: 'center',
|
|
|
- fontSize: 16
|
|
|
- }
|
|
|
- },
|
|
|
- formatter: function(params){
|
|
|
- return "{b|办结率}\n\n"+"{a|"+params.value+"%}";
|
|
|
- },
|
|
|
- position: 'center',
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- fontSize: '14',
|
|
|
- fontWeight: 'normal',
|
|
|
- color: '#fff'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#613fd1',
|
|
|
- shadowColor: '#613fd1',
|
|
|
- shadowBlur: 0
|
|
|
- }
|
|
|
- }
|
|
|
- }, {
|
|
|
- value: 25,
|
|
|
- name: 'invisible',
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: '#453284'
|
|
|
- },
|
|
|
- emphasis: {
|
|
|
- color: '#453284'
|
|
|
- }
|
|
|
- }
|
|
|
- }]
|
|
|
- }]
|
|
|
- }
|
|
|
-
|
|
|
- if (option) {
|
|
|
- myChart.setOption(option);
|
|
|
- }
|
|
|
- },
|
|
|
|
|
|
getCurrentTime() {
|
|
|
const now = new Date();
|
bihuisong