You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by su...@apache.org on 2021/05/18 17:46:12 UTC

[echarts] 01/01: test: add test case for geo-label

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

sushuang pushed a commit to branch fix/geo-label
in repository https://gitbox.apache.org/repos/asf/echarts.git

commit 71701f86546839a03310f7f2dd9a5e503f82dfda
Author: 100pah <su...@gmail.com>
AuthorDate: Wed May 19 01:45:25 2021 +0800

    test: add test case for geo-label
---
 test/geo-label.html | 135 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 135 insertions(+)

diff --git a/test/geo-label.html b/test/geo-label.html
new file mode 100644
index 0000000..b972f6b
--- /dev/null
+++ b/test/geo-label.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <script src="lib/simpleRequire.js"></script>
+        <script src="lib/config.js"></script>
+        <script src="lib/jquery.min.js"></script>
+        <script src="lib/facePrint.js"></script>
+        <script src="lib/testHelper.js"></script>
+        <!-- <script src="ut/lib/canteen.js"></script> -->
+        <link rel="stylesheet" href="lib/reset.css" />
+    </head>
+    <body>
+        <style>
+        </style>
+
+
+
+        <div id="main0"></div>
+
+
+        <script>
+        require([
+            'echarts',
+        ], function (echarts) {
+
+            var NAME = 'AAAA';
+            var testGeoJSON1 = {
+                'type': 'FeatureCollection',
+                'features': [{
+                    'type': 'Feature',
+                    'geometry': { 'type': 'Polygon', 'coordinates': [
+                        [[2000, 2000], [2100, 2000], [2100, 2100], [2000, 2100]]
+                    ]},
+                    'properties': {
+                        'name': NAME, 'childNum': 1,
+                        cp: [2000, 4000]
+                    }
+                // }, {
+                //     'type': 'Feature',
+                //     'geometry': { 'type': 'Polygon', 'coordinates': [
+                //         [[3000, 2000], [7000, 2000], [7000, 5000], [3000, 5000]]
+                //     ]},
+                //     'properties': {
+                //         'name': NAME, 'childNum': 1,
+                //         cp: [2600, 5200]
+                //     }
+                }]
+            };
+            var mapType = 'world1';
+            echarts.registerMap(mapType, testGeoJSON1);
+
+            var option = {
+                animation: false,
+                backgroundColor: '#404a59',
+                animationDurationUpdate: 800,
+                visualMap: {
+                    max: 3000,
+                    show: false
+                },
+                series: [{
+                    type: 'map',
+                    map: mapType,
+                    roam: true,
+                    zoom: 0.03,
+                    label: {
+                        show: false,
+                        opacity: 0.5,
+                        formatter: '{c}'
+                    },
+                    // itemStyle: {
+                    //     borderWidth: 0
+                    // },
+                    emphasis: {
+                        itemStyle: {
+                            shadowColor: 'rgba(0, 0, 0, 0.5)',
+                            shadowBlur: 0,
+                            borderWidth: 0
+                        }
+                    },
+                    data: [{
+                        name: NAME,
+                        value: 12361,
+                        label: {
+                            normal: {
+                                textStyle: {
+                                    color: '#50d5d3',
+                                    fontWeight: 'bolder',
+                                    fontSize: Math.round(12361 / 500) + 20
+                                },
+                                show: true
+                            },
+                            emphasis: {
+                                show: true
+                            }
+                        }
+                    }]
+                }]
+            };
+
+            var chart = testHelper.create(echarts, 'main0', {
+                title: [
+                    'Hover on the rect, the label should not be moved'
+                ],
+                option: option,
+                height: 800,
+            });
+        });
+        </script>
+
+
+    </body>
+</html>
+

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