1

src/views/dynamic/parts/one.vue

@@ -38,14 +38,8 @@ export default {
           legend: {
             top: 'bottom',
           },
-          toolbox: {
-            show: false,
-            feature: {
-              mark: { show: true },
-              dataView: { show: true, readOnly: false },
-              restore: { show: true },
-              saveAsImage: { show: true },
-            },
+          tooltip: {
+            trigger: 'item',
           },
           series: [
             {
@@ -53,9 +47,10 @@ export default {
               type: 'pie',
               radius: '60%',
               center: ['50%', '40%'],
-              roseType: 'area',
               itemStyle: {
                 borderRadius: 8,
+                borderColor: '#fff',
+                borderWidth: 2,
               },
               data: res.data,
             },

src/views/dynamic/parts/two copy.vue

@@ -35,68 +35,34 @@ export default {
         let viewData = res.data.map((i) => i.name);
         var chartDom = document.getElementById('twoChart');
         var myChart = echarts.init(chartDom);
-        const option = {
-          title: {},
-          tooltip: { trigger: 'axis' },
-          grid: {
-            y2: 140,
+        var option = {
+          tooltip: {
+            trigger: 'item',
+            formatter: '{a} <br/>{b} : {c} ({d}%)',
           },
-          xAxis: {
-            type: 'category',
-            boundaryGap: [0, 0.01],
-            name: '申请人',
+          legend: {
+            type: 'scroll',
+            orient: 'vertical',
+            right: 10,
+            top: 20,
+            bottom: 20,
             data: viewData,
-            axisLabel: {
-              interval: 0, //横轴信息全部显示
-              rotate: -30, //-30度角倾斜显示
-            },
-            axisTick: {
-              // 坐标轴 刻度
-              show: true, // 是否显示
-              inside: true, // 是否朝内
-              length: 3, // 长度
-              lineStyle: {
-                // 默认取轴线的样式
-                color: 'red',
-                width: 1,
-                type: 'solid',
-              },
-            },
+            selected: res.data,
           },
-          yAxis: {},
           series: [
             {
-              name: 'e专利',
-              label: {
-                show: true,
-                position: 'top',
-              },
-              type: 'bar',
-              itemStyle: {
-                normal: {
-                  color: function (params) {
-                    var colorList = [
-                      '#C1232B',
-                      '#B5C334',
-                      '#FCCE10',
-                      '#E87C25',
-                      '#27727B',
-                      '#FE8463',
-                      '#9BCA63',
-                      '#FAD860',
-                      '#F3A43B',
-                      '#60C0DD',
-                      '#778899',
-                      '#00FFFF',
-                      '#FFEFD5',
-                      '#F08080',
-                      '#DCDCDC',
-                    ];
-                    return colorList[params.dataIndex];
-                  },
+              name: '姓名',
+              type: 'pie',
+              radius: '50%',
+              center: ['35%', '50%'],
+              data: res.data,
+              emphasis: {
+                itemStyle: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)',
                 },
               },
-              data: res.data,
             },
           ],
         };

src/views/dynamic/parts/two.vue

@@ -35,34 +35,68 @@ export default {
         let viewData = res.data.map((i) => i.name);
         var chartDom = document.getElementById('twoChart');
         var myChart = echarts.init(chartDom);
-        var option = {
-          tooltip: {
-            trigger: 'item',
-            formatter: '{a} <br/>{b} : {c} ({d}%)',
+        const option = {
+          title: {},
+          tooltip: { trigger: 'axis' },
+          grid: {
+            y2: 140,
           },
-          legend: {
-            type: 'scroll',
-            orient: 'vertical',
-            right: 10,
-            top: 20,
-            bottom: 20,
+          xAxis: {
+            type: 'category',
+            boundaryGap: [0, 0.01],
+            name: '申请人',
             data: viewData,
-            selected: res.data,
+            axisLabel: {
+              interval: 0, //横轴信息全部显示
+              rotate: -30, //-30度角倾斜显示
+            },
+            axisTick: {
+              // 坐标轴 刻度
+              show: true, // 是否显示
+              inside: true, // 是否朝内
+              length: 3, // 长度
+              lineStyle: {
+                // 默认取轴线的样式
+                color: 'red',
+                width: 1,
+                type: 'solid',
+              },
+            },
           },
+          yAxis: {},
           series: [
             {
-              name: '姓名',
-              type: 'pie',
-              radius: '50%',
-              center: ['35%', '50%'],
-              data: res.data,
-              emphasis: {
-                itemStyle: {
-                  shadowBlur: 10,
-                  shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)',
+              name: 'e专利',
+              label: {
+                show: true,
+                position: 'top',
+              },
+              type: 'bar',
+              itemStyle: {
+                normal: {
+                  color: function (params) {
+                    var colorList = [
+                      '#C1232B',
+                      '#B5C334',
+                      '#FCCE10',
+                      '#E87C25',
+                      '#27727B',
+                      '#FE8463',
+                      '#9BCA63',
+                      '#FAD860',
+                      '#F3A43B',
+                      '#60C0DD',
+                      '#778899',
+                      '#00FFFF',
+                      '#FFEFD5',
+                      '#F08080',
+                      '#DCDCDC',
+                    ];
+                    return colorList[params.dataIndex];
+                  },
                 },
               },
+              data: res.data,
             },
           ],
         };