|
|
@@ -70,12 +70,12 @@
|
|
|
</div> -->
|
|
|
<div class="qkq_bjzs_txt clearfix fl">
|
|
|
<div class="qkq_bjzs_txt_fl">
|
|
|
- <div class="qkq_bjs qkq_bjss">
|
|
|
- <p><b>1036</b><i>办件数</i></p>
|
|
|
- </div>
|
|
|
- <div class="qkq_bjs qkq_bjss">
|
|
|
- <p><b>1036</b><i>办结数</i></p>
|
|
|
- </div>
|
|
|
+ <div class="qkq_bjs qkq_bjss">
|
|
|
+ <p><b>1036</b><i>办件数</i></p>
|
|
|
+ </div>
|
|
|
+ <div class="qkq_bjs qkq_bjss">
|
|
|
+ <p><b>1036</b><i>办结数</i></p>
|
|
|
+ </div>
|
|
|
<div class="qkq_bjs">
|
|
|
<div id="qkq_bjs_01"></div>
|
|
|
</div>
|
|
|
@@ -266,20 +266,6 @@ export default {
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
- getImgUrl(val) {
|
|
|
- switch (val) {
|
|
|
- case "新版全流程":
|
|
|
- return require("@/assets/images/qkq_icon19.png");
|
|
|
- case "智慧人社":
|
|
|
- return require("@/assets/images/qkq_icon20.png");
|
|
|
- case "e窗通":
|
|
|
- return require("@/assets/images/qkq_icon21.png");
|
|
|
- case "金税三期":
|
|
|
- return require("@/assets/images/qkq_icon23.png");
|
|
|
- case "其他":
|
|
|
- return require("@/assets/images/qkq_icon24.png");
|
|
|
- }
|
|
|
- },
|
|
|
sltHandle() {
|
|
|
this.btnOne = true
|
|
|
this.btnTwo = false
|
|
|
@@ -1214,133 +1200,688 @@ export default {
|
|
|
},
|
|
|
qkq_bjs_01() {
|
|
|
var myChart = echarts.init(document.getElementById('qkq_bjs_01'));
|
|
|
- let max = 100;
|
|
|
- let value = 32;
|
|
|
-
|
|
|
- let rate = Math.round((value * 100) / max);
|
|
|
- var option = {
|
|
|
- title: [
|
|
|
- {
|
|
|
- text: '{a|办结率}\n{b|' + rate + '%}',
|
|
|
- show: true,
|
|
|
- x: 'center',
|
|
|
- y: 'center',
|
|
|
- textStyle: {
|
|
|
- rich: {
|
|
|
- a: {
|
|
|
- fontSize: 18,
|
|
|
- color: '#fff',
|
|
|
- padding: [10, 0,25, 0],
|
|
|
- },
|
|
|
- b: {
|
|
|
- fontSize:28,
|
|
|
- color: '#00b6fd',
|
|
|
- fontFamily: 'alibabaPuhuiM',
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- ],
|
|
|
- polar: {
|
|
|
- center: ['50%', '50%'],
|
|
|
- radius: ['60%', '75%'],
|
|
|
- },
|
|
|
- angleAxis: {
|
|
|
- max: max,
|
|
|
- show: false,
|
|
|
- },
|
|
|
- radiusAxis: {
|
|
|
- type: 'category',
|
|
|
- show: true,
|
|
|
- axisLabel: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisTick: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- },
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: '',
|
|
|
- type: 'bar',
|
|
|
- roundCap: true,
|
|
|
- showBackground: true,
|
|
|
- backgroundStyle: {
|
|
|
- color: 'rgba(19, 84, 146, .4)',
|
|
|
- },
|
|
|
- data: [value],
|
|
|
- coordinateSystem: 'polar',
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
|
|
- {
|
|
|
- offset: 0,
|
|
|
- color: '#005DCF',
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: '#00CCFF',
|
|
|
- },
|
|
|
- ]),
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- name: '',
|
|
|
- type: 'gauge',
|
|
|
- radius: '54%',
|
|
|
- axisLine: {
|
|
|
- lineStyle: {
|
|
|
- color: [
|
|
|
- [
|
|
|
- 1,
|
|
|
- new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
|
|
- {
|
|
|
- offset: 0,
|
|
|
- color: 'rgba(0, 182, 253, 0)',
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 0.5,
|
|
|
- color: 'rgba(0, 182, 253, .2)',
|
|
|
- },
|
|
|
- {
|
|
|
- offset: 1,
|
|
|
- color: 'rgba(0, 182, 253, .4)',
|
|
|
- },
|
|
|
- ]),
|
|
|
- ],
|
|
|
- ],
|
|
|
- width: 1,
|
|
|
- },
|
|
|
- },
|
|
|
- axisLabel: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- axisTick: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- itemStyle: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- detail: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- data: [],
|
|
|
- pointer: {
|
|
|
- show: false,
|
|
|
- },
|
|
|
- },
|
|
|
- ],
|
|
|
- };
|
|
|
+ let angle = 0; //角度，用来做简单的动画效果的
|
|
|
+ let max = 100;
|
|
|
+ let value = 32;
|
|
|
+
|
|
|
+ let rate = Math.round((value * 100) / max);
|
|
|
+ var option = {
|
|
|
+ title: [
|
|
|
+ {
|
|
|
+ text: '{a|办结率}\n{b|' + rate + '%}',
|
|
|
+ show: true,
|
|
|
+ x: 'center',
|
|
|
+ y: 'center',
|
|
|
+ textStyle: {
|
|
|
+ rich: {
|
|
|
+ a: {
|
|
|
+ fontSize: 18,
|
|
|
+ color: '#fff',
|
|
|
+ padding: [10, 0, 25, 0],
|
|
|
+ },
|
|
|
+ b: {
|
|
|
+ fontSize: 28,
|
|
|
+ color: '#00b6fd',
|
|
|
+ fontFamily: 'alibabaPuhuiM',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ polar: {
|
|
|
+ center: ['50%', '50%'],
|
|
|
+ radius: ['60%', '75%'],
|
|
|
+ },
|
|
|
+ angleAxis: {
|
|
|
+ max: max,
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ radiusAxis: {
|
|
|
+ type: 'category',
|
|
|
+ show: true,
|
|
|
+ axisLabel: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '外1圈装饰',
|
|
|
+ type: 'pie',
|
|
|
+ zlevel: 1,
|
|
|
+ silent: true,
|
|
|
+
|
|
|
+ radius: ['98%', '97%'],
|
|
|
+ hoverAnimation: false,
|
|
|
+ color: "rgba(88,142,197,0.5)",
|
|
|
+ // animation:false, //charts3 no
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: [1]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '外2圈装饰',
|
|
|
+ type: 'pie',
|
|
|
+ zlevel: 2,
|
|
|
+ silent: true,
|
|
|
+ radius: ['90%', '91%'],
|
|
|
+ startAngle: 0,
|
|
|
+ hoverAnimation: false,
|
|
|
+ // animation:false, //charts3 no
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: [{
|
|
|
+ name: '',
|
|
|
+ value: 10,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(88,142,197,0.5)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 8,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 10,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(88,142,197,0.5)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 8,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 10,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(88,142,197,0.5)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 8,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 10,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(88,142,197,0.5)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 8,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '外3圈装饰',
|
|
|
+ type: 'pie',
|
|
|
+ zlevel: 3,
|
|
|
+ silent: true,
|
|
|
+ radius: ['88%', '87%'],
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: [{
|
|
|
+ name: '',
|
|
|
+ value: 8,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 10,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(88,142,197,0.5)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 8,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 10,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(88,142,197,0.5)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 8,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 10,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(88,142,197,0.5)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 8,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 10,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(88,142,197,0.5)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '外4圈装饰',
|
|
|
+ type: 'pie',
|
|
|
+ zlevel: 4,
|
|
|
+ silent: true,
|
|
|
+ radius: ['84%', '83%'],
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: [{
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgb(126,190,255)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ value: 1,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "rgba(0,0,0,0)",
|
|
|
+ borderWidth: 0,
|
|
|
+ borderColor: "rgba(0,0,0,0)"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '外5圈装饰',
|
|
|
+ type: 'pie',
|
|
|
+ zlevel: 5,
|
|
|
+ silent: true,
|
|
|
+ radius: ['80%', '78%'],
|
|
|
+ color: ["#fc8d89", "#46d3f3", "rgba(203,203,203,.2)"],
|
|
|
+ startAngle: 50,
|
|
|
+ hoverAnimation: false,
|
|
|
+ // animation:false, //charts3 no
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data: [50, 20, 40]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ type: 'bar',
|
|
|
+ roundCap: true,
|
|
|
+ showBackground: true,
|
|
|
+ backgroundStyle: {
|
|
|
+ color: 'rgba(19, 84, 146, .4)',
|
|
|
+ },
|
|
|
+ data: [value],
|
|
|
+ coordinateSystem: 'polar',
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: '#005DCF',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: '#00CCFF',
|
|
|
+ },
|
|
|
+ ]),
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ type: 'gauge',
|
|
|
+ radius: '54%',
|
|
|
+ axisLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: [
|
|
|
+ [
|
|
|
+ 1,
|
|
|
+ new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
|
|
+ {
|
|
|
+ offset: 0,
|
|
|
+ color: 'rgba(0, 182, 253, 0)',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 0.5,
|
|
|
+ color: 'rgba(0, 182, 253, .2)',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ offset: 1,
|
|
|
+ color: 'rgba(0, 182, 253, .4)',
|
|
|
+ },
|
|
|
+ ]),
|
|
|
+ ],
|
|
|
+ ],
|
|
|
+ width: 1,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ detail: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ data: [],
|
|
|
+ pointer: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ };
|
|
|
if (option) {
|
|
|
myChart.setOption(option);
|
|
|
}
|
|
|
+ var timer;
|
|
|
+
|
|
|
+ function doing() {
|
|
|
+ let option = myChart.getOption();
|
|
|
+ option.series[3].startAngle = option.series[3].startAngle - 1;
|
|
|
+ myChart.setOption(option);
|
|
|
+ }
|
|
|
+
|
|
|
+ function startTimer() {
|
|
|
+ timer = setInterval(doing, 100);
|
|
|
+ }
|
|
|
+
|
|
|
+ // function stopTimer() {
|
|
|
+ // clearInterval(timer);
|
|
|
+ // xzTimer = null;
|
|
|
+ // }
|
|
|
+ setTimeout(startTimer, 500);
|
|
|
},
|
|
|
|
|
|
getCurrentTime() {
|
bihuisong