Start again

2026-06-17 21:56:19 +02:00 · 2020-10-04 17:14:00 +02:00
parent c0d3912413
commit 091f119048
4382 changed files with 1762543 additions and 9606 deletions
@@ -0,0 +1,139 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+        <script src="esl.js"></script>
+        <script src="config.js"></script>
+    </head>
+    <body>
+        <style>
+            html, body, #main {
+                width: 100%;
+                height: 100%;
+            }
+        </style>
+        <div id="main"></div>
+        <script>
+
+
+            require([
+                'echarts',
+                'echarts/chart/map',
+                'echarts/component/legend',
+                'echarts/component/grid',
+                'echarts/component/visualMap',
+                'echarts/component/tooltip',
+                'map/js/china'
+            ], function (echarts) {
+
+                var chart = echarts.init(document.getElementById('main'));
+
+option = {
+    title : {
+        text: '订单量',
+        subtext: '纯属虚构',
+        x:'center'
+    },
+    tooltip : {
+        trigger: 'item'
+    },
+    legend: {
+        orient: 'vertical',
+        x:'left',
+        data:['订单量']
+    },
+    visualMap: {
+        // selectedMode: 'single',
+        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',
+        x: 'right',
+        y: 'center',
+        feature : {
+            mark : {show: true},
+            dataView : {show: true, readOnly: false},
+            restore : {show: true},
+            saveAsImage : {show: true}
+        }
+    },
+    roamController: {
+        show: true,
+        x: 'right',
+        mapTypeControl: {
+            'china': true
+        }
+    },
+    series : [
+        {
+            name: '订单量',
+            type: 'map',
+            mapType: 'china',
+            roam: false,
+            itemStyle:{
+                normal:{
+                    label:{
+                        show:true,
+                        textStyle: {
+                           color: "rgb(249, 249, 249)"
+                        }
+                    }
+                },
+                emphasis:{label:{show:true}}
+            },
+            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)}
+            ]
+        }
+    ]
+};
+
+                chart.setOption(option);
+            })
+
+        </script>
+    </body>
+</html>