1

src/views/home/components/chart.vue

@@ -19,7 +19,7 @@ export default {
             lineStyle: {
               color: "#a4a2a2",
             }
-          }
+          },
         },
         yAxis: {
           type: 'value',
@@ -70,7 +70,7 @@ export default {
           this.option.xAxis.data = []
           this.option.series[0].data = []
           res.data.map(item=>{
-            this.option.xAxis.data.push(item.name)
+            this.option.xAxis.data.push(item.name.replace("市","").replace("州",""))
             this.option.series[0].data.push(item.number)
           })
         }

src/views/home/components/chart2.vue

@@ -52,14 +52,20 @@ export default {
           },
         },
         yAxis: {
+          axisTick: {
+            show: false
+          },
           type: 'category',
           data: ['5.', '4.', '3.', '2.', '1.'],
           axisLine: {
+            show:false,
             lineStyle: {
               color: "#a4a2a2",
             }
           },
           axisLabel: {
+            // inside: true,
+            // color: '#fff',
             textStyle: {
               fontSize: "20",
               color: function(params,index) {

src/views/home/components/chart3.vue

@@ -33,6 +33,9 @@ export default {
           containLabel: true
         },
         xAxis: {
+          axisTick: {
+            show: false
+          },
           type: 'value',
           boundaryGap: [0, 0.01],
           axisLabel: {
@@ -46,6 +49,9 @@ export default {
           },
         },
         yAxis: {
+          axisTick: {
+            show: false
+          },
           type: 'category',
           data: ['5.', '4.', '3.', '2.', '1.'],
           axisLine: {
@@ -83,10 +89,10 @@ export default {
                 barBorderRadius: 20,
                 color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
                   offset: 1,
-                  color: 'rgba(30,208,224,0.44)'
+                  color: 'rgba(9,45,85,0.44)'
                 }, {
                   offset: 0,
-                  color: 'rgba(30,208,224,0.74)'
+                  color: 'rgba(18,70,146,0.74)'
                 }]),
               }
             }

src/views/home/components/chart4.vue

@@ -3,7 +3,7 @@
     <charts
       style="margin-top: -40px"
       id="bizchart4"
-      height="230px"
+      height="220px"
       width="460px"
       :option="option"
     />
@@ -19,18 +19,24 @@ export default {
   data() {
     return {
       option: {
-        dataset: {
-          dimensions: ['product', '2016', '2017'],
-          source: [
-            {product: '1', 2016: 85, 2017: 93},
-            {product: '2', 2016: 73, 2017: 55},
-            {product: '3', 2016: 65, 2017: 82},
-            {product: '4', 2016: 53, 2017: 39},
-            {product: '5', 2016: 53, 2017: 39}
-          ]
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '2%',
+          containLabel: true
         },
         xAxis: {
+          axisTick: {
+            show: false
+          },
           type: 'category',
+          data: ['1.', '2.', '3.', '4.', '5.', '6.'],
           axisLine: {
             lineStyle: {
               color: "#a4a2a2",
@@ -38,6 +44,8 @@ export default {
           }
         },
         yAxis: {
+          type: 'value',
+          boundaryGap: [0, 0.01],
           axisLine: {
             lineStyle: {
               color: "#a4a2a2",
@@ -53,38 +61,41 @@ export default {
         label: {
           show: true,
           position: 'top',
-        },
-        textStyle: {
-          color:'rgba(245,126,31,0.74)'
+          color:'rgba(245,126,31,0.74)',
         },
         series: [
           {
+            name: '分享',
             type: 'bar',
+            data: [23, 19, 18, 14, 11, 10],
             itemStyle: {
               normal: {
-                color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
-                  offset: 1,
-                  color: 'rgba(54,131,122,0.84)'
-                }, {
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                   offset: 0,
-                  color: 'rgba(15,227,202,0.54)'
+                  color: 'rgba(22,58,143)'
+                }, {
+                  offset: 1,
+                  color: 'rgba(20,42,68)'
                 }]),
               }
             },
-          }, {
+          },
+          {
+            name: '群发',
             type: 'bar',
+            data: [15, 13, 10, 10, 8, 7],
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-                  offset: 1,
-                  color: 'rgba(70,52,38,0.84)'
-                }, {
                   offset: 0,
-                  color: 'rgba(245,126,31,0.54)'
+                  color: 'rgba(135,85,34)'
+                }, {
+                  offset: 1,
+                  color: 'rgba(67,42,55)'
                 }]),
               }
             },
-          },
+          }
         ]
       }
     }

src/views/home/index.vue

@@ -262,38 +262,14 @@ export default {
     box
   },
   data() {
-    return {
-      keyWordsList: []
-    }
+    return {}
   },
   setup() {
     const user = userStore()
     return { user }
   },
-  created() {
-    this.getBizSreachWords()
-    this.timingAcquisition()
-  },
-  methods: {
-    timingAcquisition() {
-      setInterval(() => {
-        this.getBizSreachWords()
-      }, 30000)
-    },
-
-    //获取智库搜索关键字
-    getBizSreachWords() {
-      const data = {
-        current: 1,
-        size: 10
-      }
-      this.$api.biz.getTagsList(data).then(res => {
-        if (res.code === 200) {
-          this.keyWordsList = res.data
-        }
-      })
-    }
-  }
+  created() {},
+  methods: {}
 }
 </script>