You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by ov...@apache.org on 2018/10/15 10:38:51 UTC

[incubator-echarts] branch master updated: test: add test case for #9182

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

ovilia pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-echarts.git


The following commit(s) were added to refs/heads/master by this push:
     new 5c8f7eb  test: add test case for #9182
     new 33c1636  Merge branch 'master' of github.com:ecomfe/echarts
5c8f7eb is described below

commit 5c8f7eb63e346c1f9501884355a5f1ede0b30354
Author: Ovilia <zw...@gmail.com>
AuthorDate: Mon Oct 15 18:37:44 2018 +0800

    test: add test case for #9182
---
 test/graph-label-rotate.html | 109 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 109 insertions(+)

diff --git a/test/graph-label-rotate.html b/test/graph-label-rotate.html
new file mode 100644
index 0000000..dec5d01
--- /dev/null
+++ b/test/graph-label-rotate.html
@@ -0,0 +1,109 @@
+
+<!--
+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">
+        <script src="lib/esl.js"></script>
+        <script src="lib/config.js"></script>
+        <script src="lib/jquery.min.js"></script>
+        <script src="lib/dat.gui.min.js"></script>
+    </head>
+    <body>
+        <style>
+            html, body, #main {
+                width: 100%;
+                height: 100%;
+                margin: 0;
+            }
+        </style>
+        <div id="main"></div>
+        <script>
+
+            require([
+                'echarts',
+
+                'extension/dataTool',
+                'theme/vintage'
+            ], function (echarts, dataTool) {
+                var gexf = dataTool.gexf;
+                var chart = echarts.init(document.getElementById('main'), 'vintage', {
+
+                });
+
+                var option = {
+                    title: {
+                        text: 'Graph Label Rotate'
+                    },
+                    tooltip: {},
+                    animationDurationUpdate: 1500,
+                    animationEasingUpdate: 'quinticInOut',
+                    series : [
+                        {
+                            type: 'graph',
+                            layout: 'none',
+                            symbolSize: 50,
+                            roam: true,
+                            label: {
+                                show: true,
+                                    rotate: 30,
+                                    fontWeight:5,
+                                    fontSize: 26,
+                                    color: "#000",
+                                    distance: 15,
+                                    position: 'inside',
+                                    verticalAlign: 'middle'
+                            },
+                            edgeSymbol: ['circle', 'arrow'],
+                            edgeSymbolSize: [4, 10],
+                            edgeLabel: {
+                                normal: {
+                                    textStyle: {
+                                        fontSize: 20
+                                    }
+                                }
+                            },
+                            data: [{
+                                name: 'rotate 30',
+                                x: 300,
+                                y: 300
+                            }, {
+                                name: 'rotate 45',
+                                x: 500,
+                                y: 600,
+                                label: {
+                                    rotate: -30
+                                }
+                            }],
+                            emphasis: {
+                                label: {
+                                    rotate: 45
+                                }
+                            }
+                        }
+                    ]
+                }
+
+                chart.setOption(option);
+
+            });
+        </script>
+    </body>
+</html>
\ No newline at end of file


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