多个XY轴图形展示

navono · Jul 28, 2017 · d19e82a · d19e82a
1 parent 7bbe4d2
commit d19e82a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/echarts/multipleX.js b/echarts/multipleX.js
@@ -51,6 +51,8 @@ let option = {
           }
         }
       }
+      // x轴显示的方位
+      // position: 'top'
     },
     {
       type: 'category',
@@ -63,6 +65,11 @@ let option = {
     axisLabel: {
       formatter: '{value} °C'
     }
+    // 在哪个grid
+    // gridIndex: 1
+
+    // Y轴翻转
+    // inverse: true
   },
   dataZoom: [
     {
@@ -86,6 +93,20 @@ let option = {
       filterMode: 'empty'
     }
   ],
+  // 多幅图形
+  grid: [
+    {
+      left: 50,
+      right: 50,
+      height: '35%'
+    },
+    {
+      left: 50,
+      right: 50,
+      top: '55%',
+      height: '35%'
+    }
+  ],
   series: [
     {
       name: '最高气温',

diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
 </head>
 <body>
     <div>
-        <div id="root" style="width: 600px;height:400px;"></div>
+        <div id="root" style="width: 800px;height:800px;"></div>
     </div>
 </body>
 <!--<script src="node_modules/react/dist/react.js"></script>
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,7 @@ @@
     </head>
     <body>
         <div>
-            <div id="root" style="width: 600px;height:400px;"></div>
+            <div id="root" style="width: 800px;height:800px;"></div>
         </div>
     </body>
     <!--<script src="node_modules/react/dist/react.js"></script>
@@ Expand Down @@