首页echart图表在移动端样式错乱问题

view/css/admin_style.css

@@ -854,4 +854,20 @@ body{
       text-align: center;
       position: relative;
       top: -8.5px;
-    }
+    }
+
+  @media screen and (max-width:500px){
+    .admin-index-top-item-header-left li{
+      margin-right: 20px;
+    }
+  }
+
+  @media screen and (max-width:372px){
+    .admin-index-top-item-header-left li{
+      margin-right: 5px;
+      font-size: 13px;
+    }
+    .admin-index-top-item-header-right li{
+      margin-left: 5px;
+    }
+  }

view/templates/index/home.html

@@ -251,8 +251,10 @@ function getChartsData3(type, day, obj) {
 }
 
 function createCharts(charts_dates, charts_values, value_name) {
+    var girdLeft = 55;
+    if($(document).width()<=750) girdLeft = 10;
     var myChart = echarts.init(document.getElementById('admin-map-container'));
-    
+
     // var monthList = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
     var option = {
       title: {
@@ -265,7 +267,7 @@ function createCharts(charts_dates, charts_values, value_name) {
         },
       },
       grid:{
-        left:55,
+        left:girdLeft,
         top:74,
         width:'90%',
         height:226,