investment/js/investHome2.js

@@ -1083,7 +1083,7 @@ let app = new Vue({
                 borderColor: 'rgba(1,31,64,0.7)',
                 borderWidth: 6,
                 label: {
-                  show: false,
+                  show: false
                 },
               },
             },
@@ -1114,10 +1114,8 @@ let app = new Vue({
         { value: [59.11, 38], name: '高端装备制造产业' },
         { value: [3.96, 5], name: '新材料产业' },
         { value: [2.12, 7], name: '生物产业' },
-        { value: [0, 0], name: '新能源汽车产业' },
         { value: [100.09, 79], name: '新能源产业' },
         { value: [15.48, 32], name: '节能环保产业' },
-        { value: [0, 0], name: '数字创意产业' },
         { value: [3.00, 3], name: '相关服务业' },
       ]
       let count = 0
@@ -1201,7 +1199,6 @@ let app = new Vue({
         { value: [9.32, 5], name: '酿造' },
         { value: [71.12, 129], name: '建筑房地产' },
         { value: [9.11, 14], name: '农业' },
-        { value: [0, 0], name: '其他' },
       ]
       let count = 0
       data.forEach(item => {
@@ -1280,7 +1277,6 @@ let app = new Vue({
     initChartL7 () {
       let data = [
         { value: [155.82, 51], name: '交通运输业' },
-        { value: [0, 0], name: '市政设施' },
         { value: [8.47, 19], name: '煤气层管网' },
         { value: [10.64, 24], name: '物流贸易' },
         { value: [41.05, 46], name: '水务' },
@@ -1585,6 +1581,14 @@ let app = new Vue({
         nterval: 2000,
         loopSeries: true,
       })
+      let that = this
+      myChart.on('click', function (param) {
+        console.log(param)
+        that.showTip3 = true
+        setTimeout(() => {
+          that.initChartT1(data, option)
+        })
+      })
     },
     initChartR2 () {
       let data = [
@@ -1654,6 +1658,14 @@ let app = new Vue({
         nterval: 2000,
         loopSeries: true,
       })
+      let that = this
+      myChart.on('click', function (param) {
+        console.log(param)
+        that.showTip3 = true
+        setTimeout(() => {
+          that.initChartT1(data, option)
+        })
+      })
     },
     initChartR3 () {
       let myChart = echarts.init(this.$refs['echartR3'])
@@ -1959,11 +1971,11 @@ let app = new Vue({
       option.series[0].center = ['50%', '50%']
       option.series[0].radius = ['60%', '75%']
       option.legend = {
-        show: true,
+        show: false,
         icon: 'circle',
         top: 'bottom',
         orient: 'vertical',
-        right: '3%',
+        right: '2%',
         textStyle: {
           color: '#9DB9EB',
           fontSize: 16
@@ -1975,15 +1987,22 @@ let app = new Vue({
       option.tooltip = {
         trigger: 'item',
         formatter: function (params) {
-            return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
+            return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '<br />' + params.value[1] + '个' + '，' + params.value[0] + '亿'
+        }
+      }
+      option.series[0].itemStyle.normal.label = {
+        show: true,
+        formatter: function (params) {
+          return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '\n' + params.value[1] + '个' + '，' + params.value[0] + '亿'
         }
       }
+      option.series[0].labelLine.show = true
       let myChart = echarts.init(this.$refs['echartT1'])
       myChart.setOption(option)
-      tools.loopShowTooltip(myChart, option, {
-        nterval: 2000,
-        loopSeries: true,
-      })
+      // tools.loopShowTooltip(myChart, option, {
+      //   nterval: 2000,
+      //   loopSeries: true,
+      // })
     }
   },
 })