You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by wa...@apache.org on 2021/10/14 01:37:25 UTC

[echarts-examples] 04/04: fix doc examples.

This is an automated email from the ASF dual-hosted git repository.

wangzx pushed a commit to branch gh-pages
in repository https://gitbox.apache.org/repos/asf/echarts-examples.git

commit bf218a0ed2e61ab80a03a060b9a1a9fe61f380a0
Author: plainheart <yh...@all-my-life.cn>
AuthorDate: Thu Oct 14 09:35:58 2021 +0800

    fix doc examples.
---
 .../ts/doc-example/map-visualMap-pieces.js         | 158 ++++----
 .../ts/doc-example/scatter-visualMap-categories.js | 419 ++++++++++-----------
 2 files changed, 278 insertions(+), 299 deletions(-)

diff --git a/public/examples/ts/doc-example/map-visualMap-pieces.js b/public/examples/ts/doc-example/map-visualMap-pieces.js
index 7e4247c..1fc6a2e 100644
--- a/public/examples/ts/doc-example/map-visualMap-pieces.js
+++ b/public/examples/ts/doc-example/map-visualMap-pieces.js
@@ -1,96 +1,78 @@
-option = {
+myChart.showLoading();
+$.get(ROOT_PATH + '/data/asset/geo/USA.json', function (usaJson) {
+  echarts.registerMap('USA', usaJson, {
+    Alaska: {
+      left: -131,
+      top: 25,
+      width: 15
+    },
+    Hawaii: {
+      left: -110,
+      top: 28,
+      width: 5
+    },
+    'Puerto Rico': {
+      left: -76,
+      top: 26,
+      width: 2
+    }
+  });
+  myChart.hideLoading();
+
+  const data = echarts.util.map(usaJson.features, function (feature) {
+    return {
+      name: feature.properties.name,
+      value: Math.round(Math.random() * Math.random() * 1500)
+    };
+  });
+
+  option = {
     title: {
-        text: '订单量',
-        subtext: '纯属虚构',
-        left: 'center'
+      text: 'Order',
+      subtext: 'Fake Data',
+      left: 'center'
     },
     tooltip: {
-        trigger: 'item'
-    },
-    legend: {
-        orient: 'vertical',
-        left: 'left',
-        data: ['订单量']
+      trigger: 'item'
     },
     visualMap: {
-        type: 'piecewise',
-        pieces: [
-            {min: 1500},
-            {min: 900, max: 1500},
-            {min: 310, max: 1000},
-            {min: 200, max: 300},
-            {min: 10, max: 200, label: '10 到 200(自定义label)'},
-            {value: 123, label: '123(自定义特殊颜色)', color: 'grey'},
-            {min: 5, max: 5, label: '5(自定义特殊颜色)', color: 'black'},
-            {max: 5}
-        ],
-        color: ['#E0022B', '#E09107', '#A3E00B']
-    },
-    toolbox: {
-        show: true,
-        orient: 'vertical',
-        left: 'right',
-        top: 'center',
-        feature: {
-            mark: {show: true},
-            dataView: {show: true, readOnly: false},
-            restore: {show: true},
-            saveAsImage: {show: true}
-        }
-    },
-    roamController: {
-        show: true,
-        left: 'right',
-        mapTypeControl: {
-            'china': true
-        }
+      type: 'piecewise',
+      pieces: [
+        { min: 1500 },
+        { min: 900, max: 1500 },
+        { min: 310, max: 1000 },
+        {
+          min: 200,
+          max: 300,
+          label: '200 - 300 (Custom Color)',
+          color: 'lightgreen'
+        },
+        { min: 10, max: 200, label: '10 to 200 (Custom Label)' }
+      ],
+      outOfRange: {
+        color: '#eee'
+      }
     },
     series: [
-        {
-            name: '订单量',
-            type: 'map',
-            mapType: 'china',
-            roam: false,
-            label: {
-                show: true,
-                color: 'rgb(249, 249, 249)'
-            },
-            data: [
-                {name: '北京',value: 5},
-                {name: '天津',value: Math.round(Math.random()*2000)},
-                {name: '上海',value: Math.round(Math.random()*2000)},
-                {name: '重庆',value: Math.round(Math.random()*2000)},
-                {name: '河北',value: 0},
-                {name: '河南',value: Math.round(Math.random()*2000)},
-                {name: '云南',value: 123},
-                {name: '辽宁',value: 305},
-                {name: '黑龙江',value: Math.round(Math.random()*2000)},
-                {name: '湖南',value: 200},
-                {name: '安徽',value: Math.round(Math.random()*2000)},
-                {name: '山东',value: Math.round(Math.random()*2000)},
-                {name: '新疆',value: Math.round(Math.random()*2000)},
-                {name: '江苏',value: Math.round(Math.random()*2000)},
-                {name: '浙江',value: Math.round(Math.random()*2000)},
-                {name: '江西',value: Math.round(Math.random()*2000)},
-                {name: '湖北',value: Math.round(Math.random()*2000)},
-                {name: '广西',value: Math.round(Math.random()*2000)},
-                {name: '甘肃',value: Math.round(Math.random()*2000)},
-                {name: '山西',value: Math.round(Math.random()*2000)},
-                {name: '内蒙古',value: Math.round(Math.random()*2000)},
-                {name: '陕西',value: Math.round(Math.random()*2000)},
-                {name: '吉林',value: Math.round(Math.random()*2000)},
-                {name: '福建',value: Math.round(Math.random()*2000)},
-                {name: '贵州',value: Math.round(Math.random()*2000)},
-                {name: '广东',value: Math.round(Math.random()*2000)},
-                {name: '青海',value: Math.round(Math.random()*2000)},
-                {name: '西藏',value: Math.round(Math.random()*2000)},
-                {name: '四川',value: Math.round(Math.random()*2000)},
-                {name: '宁夏',value: Math.round(Math.random()*2000)},
-                {name: '海南',value: Math.round(Math.random()*2000)},
-                {name: '台湾',value: Math.round(Math.random()*2000)},
-                {name: '香港',value: Math.round(Math.random()*2000)},
-                {name: '澳门',value: Math.round(Math.random()*2000)}
-            ]
-        }
+      {
+        name: 'Order',
+        type: 'map',
+        mapType: 'USA',
+        roam: true,
+        label: {
+          show: true,
+          color: 'inherit'
+        },
+        labelLayout(params) {
+          return {
+            hideOverlap: true,
+            fontSize: Math.max(params.rect.width / 10, 8)
+          };
+        },
+        data: data
+      }
     ]
-};
\ No newline at end of file
+  };
+
+  myChart.setOption(option);
+});
diff --git a/public/examples/ts/doc-example/scatter-visualMap-categories.js b/public/examples/ts/doc-example/scatter-visualMap-categories.js
index b3273c1..a9740c5 100644
--- a/public/examples/ts/doc-example/scatter-visualMap-categories.js
+++ b/public/examples/ts/doc-example/scatter-visualMap-categories.js
@@ -1,235 +1,232 @@
 // Schema:
 // date,AQIindex,PM2.5,PM10,CO,NO2,SO2
 var schema = [
-    {name: 'date', index: 0, text: '日'},
-    {name: 'AQIindex', index: 1, text: 'AQI指数'},
-    {name: 'PM25', index: 2, text: 'PM2.5'},
-    {name: 'PM10', index: 3, text: 'PM10'},
-    {name: 'CO', index: 4, text: '一氧化碳(CO)'},
-    {name: 'NO2', index: 5, text: '二氧化氮(NO2)'},
-    {name: 'SO2', index: 6, text: '二氧化硫(SO2)'}
+  { name: 'date', index: 0, text: '日' },
+  { name: 'AQIindex', index: 1, text: 'AQI指数' },
+  { name: 'PM25', index: 2, text: 'PM2.5' },
+  { name: 'PM10', index: 3, text: 'PM10' },
+  { name: 'CO', index: 4, text: '一氧化碳(CO)' },
+  { name: 'NO2', index: 5, text: '二氧化氮(NO2)' },
+  { name: 'SO2', index: 6, text: '二氧化硫(SO2)' }
 ];
 
 var dataBJ = [
-    [1,55,9,56,0.46,18,6,"良"],
-    [2,25,11,21,0.65,34,9,"优"],
-    [3,56,7,63,0.3,14,5,"良"],
-    [4,33,7,29,0.33,16,6,"优"],
-    [5,42,24,44,0.76,40,16,"优"],
-    [6,82,58,90,1.77,68,33,"良"],
-    [7,74,49,77,1.46,48,27,"良"],
-    [8,78,55,80,1.29,59,29,"良"],
-    [9,267,216,280,'-',108,64,"重度污染"],
-    [10,185,127,216,2.52,61,27,"中度污染"],
-    [11,39,19,38,0.57,31,15,"优"],
-    [12,41,11,40,0.43,21,7,"优"],
-    [13,64,38,74,1.04,46,22,"良"],
-    [14,108,79,120,1.7,75,41,"轻度污染"],
-    [15,108,63,116,1.48,44,26,"轻度污染"],
-    [16,33,6,29,0.34,13,5,"优"],
-    [17,94,66,110,1.54,62,31,"良"],
-    [18,186,142,192,3.88,93,79,"中度污染"],
-    [19,57,31,54,0.96,32,14,"良"],
-    [20,22,8,17,0.48,23,10,"优"],
-    [21,39,15,36,0.61,29,13,"优"],
-    [22,94,69,114,2.08,73,39,"良"],
-    [23,99,73,110,2.43,76,48,"良"],
-    [24,31,12,30,0.5,32,16,"优"],
-    [25,42,27,43,1,53,22,"优"],
-    [26,154,117,157,3.05,92,58,"中度污染"],
-    [27,234,185,230,4.09,123,69,"重度污染"],
-    [28,160,120,186,2.77,91,50,"中度污染"],
-    [29,134,96,165,2.76,83,41,"轻度污染"],
-    [30,52,24,60,1.03,50,21,"良"],
-    [31,46,5,49,0.28,10,6,"优"]
+  [1, 55, 9, 56, 0.46, 18, 6, '良'],
+  [2, 25, 11, 21, 0.65, 34, 9, '优'],
+  [3, 56, 7, 63, 0.3, 14, 5, '良'],
+  [4, 33, 7, 29, 0.33, 16, 6, '优'],
+  [5, 42, 24, 44, 0.76, 40, 16, '优'],
+  [6, 82, 58, 90, 1.77, 68, 33, '良'],
+  [7, 74, 49, 77, 1.46, 48, 27, '良'],
+  [8, 78, 55, 80, 1.29, 59, 29, '良'],
+  [9, 267, 216, 280, '-', 108, 64, '重度污染'],
+  [10, 185, 127, 216, 2.52, 61, 27, '中度污染'],
+  [11, 39, 19, 38, 0.57, 31, 15, '优'],
+  [12, 41, 11, 40, 0.43, 21, 7, '优'],
+  [13, 64, 38, 74, 1.04, 46, 22, '良'],
+  [14, 108, 79, 120, 1.7, 75, 41, '轻度污染'],
+  [15, 108, 63, 116, 1.48, 44, 26, '轻度污染'],
+  [16, 33, 6, 29, 0.34, 13, 5, '优'],
+  [17, 94, 66, 110, 1.54, 62, 31, '良'],
+  [18, 186, 142, 192, 3.88, 93, 79, '中度污染'],
+  [19, 57, 31, 54, 0.96, 32, 14, '良'],
+  [20, 22, 8, 17, 0.48, 23, 10, '优'],
+  [21, 39, 15, 36, 0.61, 29, 13, '优'],
+  [22, 94, 69, 114, 2.08, 73, 39, '良'],
+  [23, 99, 73, 110, 2.43, 76, 48, '良'],
+  [24, 31, 12, 30, 0.5, 32, 16, '优'],
+  [25, 42, 27, 43, 1, 53, 22, '优'],
+  [26, 154, 117, 157, 3.05, 92, 58, '中度污染'],
+  [27, 234, 185, 230, 4.09, 123, 69, '重度污染'],
+  [28, 160, 120, 186, 2.77, 91, 50, '中度污染'],
+  [29, 134, 96, 165, 2.76, 83, 41, '轻度污染'],
+  [30, 52, 24, 60, 1.03, 50, 21, '良'],
+  [31, 46, 5, 49, 0.28, 10, 6, '优']
 ];
 
 var dataGZ = [
-    [1,26,37,27,1.163,27,13,"优"],
-    [2,85,62,71,1.195,60,8,"良"],
-    [3,78,38,74,1.363,37,7,"良"],
-    [4,21,21,36,0.634,40,9,"优"],
-    [5,41,42,46,0.915,81,13,"优"],
-    [6,56,52,69,1.067,92,16,"良"],
-    [7,64,30,28,0.924,51,2,"良"],
-    [8,55,48,74,1.236,75,26,"良"],
-    [9,76,85,113,1.237,114,27,"良"],
-    [10,91,81,104,1.041,56,40,"良"],
-    [11,84,39,60,0.964,25,11,"良"],
-    [12,64,51,101,0.862,58,23,"良"],
-    [13,70,69,120,1.198,65,36,"良"],
-    [14,77,105,178,2.549,64,16,"良"],
-    [15,109,68,87,0.996,74,29,"轻度污染"],
-    [16,73,68,97,0.905,51,34,"良"],
-    [17,54,27,47,0.592,53,12,"良"],
-    [18,51,61,97,0.811,65,19,"良"],
-    [19,91,71,121,1.374,43,18,"良"],
-    [20,73,102,182,2.787,44,19,"良"],
-    [21,73,50,76,0.717,31,20,"良"],
-    [22,84,94,140,2.238,68,18,"良"],
-    [23,93,77,104,1.165,53,7,"良"],
-    [24,99,130,227,3.97,55,15,"良"],
-    [25,146,84,139,1.094,40,17,"轻度污染"],
-    [26,113,108,137,1.481,48,15,"轻度污染"],
-    [27,81,48,62,1.619,26,3,"良"],
-    [28,56,48,68,1.336,37,9,"良"],
-    [29,82,92,174,3.29,0,13,"良"],
-    [30,106,116,188,3.628,101,16,"轻度污染"],
-    [31,118,50,0,1.383,76,11,"轻度污染"]
+  [1, 26, 37, 27, 1.163, 27, 13, '优'],
+  [2, 85, 62, 71, 1.195, 60, 8, '良'],
+  [3, 78, 38, 74, 1.363, 37, 7, '良'],
+  [4, 21, 21, 36, 0.634, 40, 9, '优'],
+  [5, 41, 42, 46, 0.915, 81, 13, '优'],
+  [6, 56, 52, 69, 1.067, 92, 16, '良'],
+  [7, 64, 30, 28, 0.924, 51, 2, '良'],
+  [8, 55, 48, 74, 1.236, 75, 26, '良'],
+  [9, 76, 85, 113, 1.237, 114, 27, '良'],
+  [10, 91, 81, 104, 1.041, 56, 40, '良'],
+  [11, 84, 39, 60, 0.964, 25, 11, '良'],
+  [12, 64, 51, 101, 0.862, 58, 23, '良'],
+  [13, 70, 69, 120, 1.198, 65, 36, '良'],
+  [14, 77, 105, 178, 2.549, 64, 16, '良'],
+  [15, 109, 68, 87, 0.996, 74, 29, '轻度污染'],
+  [16, 73, 68, 97, 0.905, 51, 34, '良'],
+  [17, 54, 27, 47, 0.592, 53, 12, '良'],
+  [18, 51, 61, 97, 0.811, 65, 19, '良'],
+  [19, 91, 71, 121, 1.374, 43, 18, '良'],
+  [20, 73, 102, 182, 2.787, 44, 19, '良'],
+  [21, 73, 50, 76, 0.717, 31, 20, '良'],
+  [22, 84, 94, 140, 2.238, 68, 18, '良'],
+  [23, 93, 77, 104, 1.165, 53, 7, '良'],
+  [24, 99, 130, 227, 3.97, 55, 15, '良'],
+  [25, 146, 84, 139, 1.094, 40, 17, '轻度污染'],
+  [26, 113, 108, 137, 1.481, 48, 15, '轻度污染'],
+  [27, 81, 48, 62, 1.619, 26, 3, '良'],
+  [28, 56, 48, 68, 1.336, 37, 9, '良'],
+  [29, 82, 92, 174, 3.29, 0, 13, '良'],
+  [30, 106, 116, 188, 3.628, 101, 16, '轻度污染'],
+  [31, 118, 50, 0, 1.383, 76, 11, '轻度污染']
 ];
 
 var dataSH = [
-    [1,91,45,125,0.82,34,23,"良"],
-    [2,65,27,78,0.86,45,29,"良"],
-    [3,83,60,84,1.09,73,27,"良"],
-    [4,109,81,121,1.28,68,51,"轻度污染"],
-    [5,106,77,114,1.07,55,51,"轻度污染"],
-    [6,109,81,121,1.28,68,51,"轻度污染"],
-    [7,106,77,114,1.07,55,51,"轻度污染"],
-    [8,89,65,78,0.86,51,26,"良"],
-    [9,53,33,47,0.64,50,17,"良"],
-    [10,80,55,80,1.01,75,24,"良"],
-    [11,117,81,124,1.03,45,24,"轻度污染"],
-    [12,99,71,142,1.1,62,42,"良"],
-    [13,95,69,130,1.28,74,50,"良"],
-    [14,116,87,131,1.47,84,40,"轻度污染"],
-    [15,108,80,121,1.3,85,37,"轻度污染"],
-    [16,134,83,167,1.16,57,43,"轻度污染"],
-    [17,79,43,107,1.05,59,37,"良"],
-    [18,71,46,89,0.86,64,25,"良"],
-    [19,97,71,113,1.17,88,31,"良"],
-    [20,84,57,91,0.85,55,31,"良"],
-    [21,87,63,101,0.9,56,41,"良"],
-    [22,104,77,119,1.09,73,48,"轻度污染"],
-    [23,87,62,100,1,72,28,"良"],
-    [24,168,128,172,1.49,97,56,"中度污染"],
-    [25,65,45,51,0.74,39,17,"良"],
-    [26,39,24,38,0.61,47,17,"优"],
-    [27,39,24,39,0.59,50,19,"优"],
-    [28,93,68,96,1.05,79,29,"良"],
-    [29,188,143,197,1.66,99,51,"中度污染"],
-    [30,174,131,174,1.55,108,50,"中度污染"],
-    [31,187,143,201,1.39,89,53,"中度污染"]
+  [1, 91, 45, 125, 0.82, 34, 23, '良'],
+  [2, 65, 27, 78, 0.86, 45, 29, '良'],
+  [3, 83, 60, 84, 1.09, 73, 27, '良'],
+  [4, 109, 81, 121, 1.28, 68, 51, '轻度污染'],
+  [5, 106, 77, 114, 1.07, 55, 51, '轻度污染'],
+  [6, 109, 81, 121, 1.28, 68, 51, '轻度污染'],
+  [7, 106, 77, 114, 1.07, 55, 51, '轻度污染'],
+  [8, 89, 65, 78, 0.86, 51, 26, '良'],
+  [9, 53, 33, 47, 0.64, 50, 17, '良'],
+  [10, 80, 55, 80, 1.01, 75, 24, '良'],
+  [11, 117, 81, 124, 1.03, 45, 24, '轻度污染'],
+  [12, 99, 71, 142, 1.1, 62, 42, '良'],
+  [13, 95, 69, 130, 1.28, 74, 50, '良'],
+  [14, 116, 87, 131, 1.47, 84, 40, '轻度污染'],
+  [15, 108, 80, 121, 1.3, 85, 37, '轻度污染'],
+  [16, 134, 83, 167, 1.16, 57, 43, '轻度污染'],
+  [17, 79, 43, 107, 1.05, 59, 37, '良'],
+  [18, 71, 46, 89, 0.86, 64, 25, '良'],
+  [19, 97, 71, 113, 1.17, 88, 31, '良'],
+  [20, 84, 57, 91, 0.85, 55, 31, '良'],
+  [21, 87, 63, 101, 0.9, 56, 41, '良'],
+  [22, 104, 77, 119, 1.09, 73, 48, '轻度污染'],
+  [23, 87, 62, 100, 1, 72, 28, '良'],
+  [24, 168, 128, 172, 1.49, 97, 56, '中度污染'],
+  [25, 65, 45, 51, 0.74, 39, 17, '良'],
+  [26, 39, 24, 38, 0.61, 47, 17, '优'],
+  [27, 39, 24, 39, 0.59, 50, 19, '优'],
+  [28, 93, 68, 96, 1.05, 79, 29, '良'],
+  [29, 188, 143, 197, 1.66, 99, 51, '中度污染'],
+  [30, 174, 131, 174, 1.55, 108, 50, '中度污染'],
+  [31, 187, 143, 201, 1.39, 89, 53, '中度污染']
 ];
 
 var itemStyle = {
-    normal: {
-        opacity: 0.8,
-        shadowBlur: 10,
-        shadowOffsetX: 0,
-        shadowOffsetY: 0,
-        shadowColor: 'rgba(0, 0, 0, 0.5)'
-    }
+  normal: {
+    opacity: 0.8,
+    shadowBlur: 10,
+    shadowOffsetX: 0,
+    shadowOffsetY: 0,
+    shadowColor: 'rgba(0, 0, 0, 0.5)'
+  }
 };
 
 option = {
-    color: [
-        '#dd4444', '#fec42c', '#80F1BE'
-    ],
-    legend: {
-        top: 10,
-        data: ['北京', '上海', '广州']
+  color: ['#dd4444', '#fec42c', '#80F1BE'],
+  legend: {
+    top: 10,
+    data: ['北京', '上海', '广州']
+  },
+  grid: {
+    left: '10%',
+    right: 200,
+    top: '15%',
+    bottom: '10%'
+  },
+  tooltip: {
+    padding: 10,
+    borderColor: '#777',
+    borderWidth: 1,
+    formatter: function (obj) {
+      var value = obj.value;
+      return '<div style="border-bottom: 1px solid #ccc;font-size: 18px;padding-bottom: 7px;margin-bottom: 7px">'
+        + obj.seriesName + ' ' + value[0] + '日:'
+        + value[7]
+        + '</div>'
+        + schema[1].text + ':' + value[1] + '<br>'
+        + schema[2].text + ':' + value[2] + '<br>'
+        + schema[3].text + ':' + value[3] + '<br>'
+        + schema[4].text + ':' + value[4] + '<br>'
+        + schema[5].text + ':' + value[5] + '<br>'
+        + schema[6].text + ':' + value[6] + '<br>';
+    }
+  },
+  xAxis: {
+    type: 'value',
+    name: '日期',
+    nameGap: 16,
+    nameTextStyle: {
+      fontSize: 14
     },
-    grid: {
-        left: '10%',
-        right: 200,
-        top: '15%',
-        bottom: '10%'
+    max: 31,
+    splitLine: {
+      show: false
     },
-    tooltip: {
-        padding: 10,
-        backgroundColor: '#222',
-        borderColor: '#777',
-        borderWidth: 1,
-        formatter: function (obj) {
-            var value = obj.value;
-            return '<div style="border-bottom: 1px solid rgba(255,255,255,.3); font-size: 18px;padding-bottom: 7px;margin-bottom: 7px">'
-                + obj.seriesName + ' ' + value[0] + '日:'
-                + value[7]
-                + '</div>'
-                + schema[1].text + ':' + value[1] + '<br>'
-                + schema[2].text + ':' + value[2] + '<br>'
-                + schema[3].text + ':' + value[3] + '<br>'
-                + schema[4].text + ':' + value[4] + '<br>'
-                + schema[5].text + ':' + value[5] + '<br>'
-                + schema[6].text + ':' + value[6] + '<br>';
-        }
-    },
-    xAxis: {
-        type: 'value',
-        name: '日期',
-        nameGap: 16,
-        nameTextStyle: {
-            fontSize: 14
-        },
-        max: 31,
-        splitLine: {
-            show: false
-        },
-        axisLabel: {
-            formatter: '{value}'
-        },
-    },
-    yAxis: {
-        type: 'value',
-        name: 'AQI指数',
-        nameLocation: 'end',
-        nameGap: 20,
-        nameTextStyle: {
-            fontSize: 20
-        },
-        splitLine: {
-            show: false
-        }
+    axisLabel: {
+      formatter: '{value}'
+    }
+  },
+  yAxis: {
+    type: 'value',
+    name: 'AQI指数',
+    nameLocation: 'end',
+    nameGap: 20,
+    nameTextStyle: {
+      fontSize: 20
     },
-    visualMap: [
-        {
-            left: null,
-            right: 0,
-            dimension: 7,
-            selected: {
-                '严重污染': false,
-                '重度污染': false
-            },
-            categories: ['严重污染', '重度污染', '中度污染', '轻度污染', '良', '优'],
-            inRange: {
-                symbolSize: 30,
-                symbol: {
-                    '优': 'diamond',
-                    '': 'circle'
-                }
-            },
-            outOfRange: {
-                color: '#000',
-                symbolSize: {
-                    '优': 50,
-                    '': 30
-                },
-                symbol: {
-                    '优': 'diamond',
-                    '': 'circle'
-                }
-            }
+    splitLine: {
+      show: false
+    }
+  },
+  visualMap: [
+    {
+      left: null,
+      right: 0,
+      dimension: 7,
+      selected: {
+        严重污染: false,
+        重度污染: false
+      },
+      categories: ['严重污染', '重度污染', '中度污染', '轻度污染', '良', '优'],
+      inRange: {
+        symbolSize: 30,
+        symbol: {
+          优: 'diamond',
+          '': 'circle'
         }
-    ],
-    series: [
-        {
-            name: '北京',
-            type: 'scatter',
-            itemStyle: itemStyle,
-            data: dataBJ
+      },
+      outOfRange: {
+        color: '#000',
+        symbolSize: {
+          优: 50,
+          '': 30
         },
-        {
-            name: '上海',
-            type: 'scatter',
-            itemStyle: itemStyle,
-            data: dataSH
-        },
-        {
-            name: '广州',
-            type: 'scatter',
-            itemStyle: itemStyle,
-            data: dataGZ
+        symbol: {
+          优: 'diamond',
+          '': 'circle'
         }
-    ]
-};
\ No newline at end of file
+      }
+    }
+  ],
+  series: [
+    {
+      name: '北京',
+      type: 'scatter',
+      itemStyle: itemStyle,
+      data: dataBJ
+    },
+    {
+      name: '上海',
+      type: 'scatter',
+      itemStyle: itemStyle,
+      data: dataSH
+    },
+    {
+      name: '广州',
+      type: 'scatter',
+      itemStyle: itemStyle,
+      data: dataGZ
+    }
+  ]
+};

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org