refine for mobile

src/views/dashboard/admin/components/BarChart.vue

@@ -30,7 +30,9 @@ export default {
     }
   },
   mounted() {
+    this.$nextTick(() => {
       this.initChart()
+    })
     this.__resizeHandler = debounce(() => {
       if (this.chart) {
         this.chart.resize()

src/views/dashboard/admin/components/LineChart.vue

@@ -45,7 +45,10 @@ export default {
     }
   },
   mounted() {
+    this.$nextTick(() => {
       this.initChart()
+    })
+
     if (this.autoResize) {
       this.__resizeHandler = debounce(() => {
         if (this.chart) {

src/views/dashboard/admin/components/PieChart.vue

@@ -28,7 +28,9 @@ export default {
     }
   },
   mounted() {
+    this.$nextTick(() => {
       this.initChart()
+    })
     this.__resizeHandler = debounce(() => {
       if (this.chart) {
         this.chart.resize()
@@ -58,7 +60,6 @@ export default {
           bottom: '10',
           data: ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts']
         },
-        calculable: true,
         series: [
           {
             name: 'WEEKLY WRITE ARTICLES',

src/views/dashboard/admin/components/RaddarChart.vue

@@ -30,7 +30,9 @@ export default {
     }
   },
   mounted() {
+    this.$nextTick(() => {
       this.initChart()
+    })
     this.__resizeHandler = debounce(() => {
       if (this.chart) {
         this.chart.resize()

src/views/dashboard/admin/index.vue

@@ -115,4 +115,10 @@ export default {
     margin-bottom: 32px;
   }
 }
+
+@media (max-width:1024px) {
+  .chart-wrapper {
+    padding: 8px;
+  }
+}
 </style>