no message

src/App.vue

@@ -113,7 +113,7 @@ export default {
 }
 </script>
 <style>
-  @import "//at.alicdn.com/t/font_635492_ztxwijjubn.css";
+  @import "//at.alicdn.com/t/font_635492_wocd5xem6qe.css";
   @import "./assets/css/Semibold.css";
   @import "./assets/css/global/config.css";
   @import "./assets/css/fileIcon.css";

src/components/personalCenter/fince.vue

+<template>
+  <div class="inerank-container">
+    <div :style="{height:'100%',width:'100%'}" ref="myLineRank"></div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {};
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      let myChart = this.$echarts.init(this.$refs.myLineRank);
+      var dataAxis = [
+        "9",
+        "10",
+        "11",
+        "12",
+        "13",
+        "14",
+        "15",
+        "16",
+        "17",
+        "18",
+        "19"
+      ];
+      var data = [220, 182, 191, 234, 290, 330, 310, 100, 30, 60, 650];
+      var data2 = [130, 202, 101, 500, 10, 220, 310, 98, 17, 52, 360];
+      var yMax = 500;
+      var dataShadow = [];
+      for (var i = 0; i < data.length; i++) {
+        dataShadow.push(yMax);
+      }
+      let option = {
+        backgroundColor: "#fd397a", //"#19133e6e",
+        title: {
+          show: false
+        },
+        xAxis: {
+          data: dataAxis,
+          axisLabel: {
+            textStyle: {
+              color: "#79778a",
+              fontFamily: "DIN"
+            },
+            margin: 10,
+            interval: 0,
+            show: false
+          },
+          axisTick: {
+            show: false
+          },
+          axisLine: {
+            show: false
+          }
+        },
+        yAxis: {
+          axisLine: {
+            show: false
+          },
+          axisTick: {
+            show: false
+          },
+          axisLabel: {
+            textStyle: {
+              color: "#272938",
+              fontFamily: "DIN"
+            },
+            show: false
+          },
+          splitLine: {
+            show: false
+          },
+          interval: 1000,
+          max: 1000,
+          min: 0,
+          splitNumber: 5
+        },
+        grid: {
+          left: -30,
+          right: -30,
+          top: 0,
+          bottom: 0
+        },
+        tooltip: {
+          trigger: "item",
+          axisPointer: {
+            type: "none",
+            snap: true,
+            label: {
+              backgroundColor: "#6a7985"
+            }
+          }
+        },
+        series: [
+          {
+            name: "同行浏览与分享",
+            type: "line",
+            smooth: false,
+            symbol: "none",
+            itemStyle: {
+              normal: {
+                lineStyle: {
+                  color: "#e63a5e"
+                },
+                areaStyle: {
+                  color: "#e14c86"
+                }
+              }
+            },
+            data: data2
+          }
+        ]
+      };
+      myChart.setOption(option);
+    }
+  }
+};
+</script>
+<style>
+.inerank-container {
+  height: 100%;
+  width: 100%;
+}
+</style>