test(markLine): add test cases for markLine symbolRotate & symbolOffset.

1fb3d89f · plainheart · a328e65e · 1fb3d89f · 1fb3d89f
隐藏空白更改
内联并排

Showing with 51 addition and 3 deletion

test/markLine-symbolRotate.html test/markLine-symbolRotate.html +6 -2

test/symbol3.html test/symbol3.html +45 -1

未找到文件。
--- a/test/markLine-symbolRotate.html
+++ b/test/markLine-symbolRotate.html
@@ -117,6 +117,7 @@ under the License.
                            markLine: {
                                silent: true,
                                // symbol: 'triangle',
+                                symbolRotate: [20, 45],
                                data: [
                                [
                                    {name: 'rotation not specified', coord: ['2014-06-20', 300], symbol: 'arrow'},
@@ -156,10 +157,13 @@ under the License.
                                [{
                                    symbol: 'rect',
                                    x: '90%',
-                                    yAxis: 'average'
+                                    yAxis: 'average',
+                                    symbolRotate: 0,
+                                    symbolOffset: [50, 0]
                                }, {
                                    symbol: 'triangle',
-                                    symbolRotate: 180,
+                                    symbolRotate: 130,
+                                   // symbolOffset: [-50, 0],
                                    label: {
                                        position: 'start',
                                        formatter: 'Average',

--- a/test/symbol3.html
+++ b/test/symbol3.html
@@ -34,6 +34,7 @@ under the License.
    </head>
    <body>
        <div id="main0"></div>
+        <div id="main1"></div>

        <script>
            require([
@@ -94,12 +95,55 @@ under the License.
                    }]
                };

+                var series = {
+                    name: 'Original',
+                    type: 'scatter',
+                    symbol: 'circle',
+                    data: (function() {
+                        function random(max) {
+                            return +(Math.random() * max).toFixed(3);
+                        }
+                        var seriesData = [];
+                        for (var i = 0; i < 20; i++) {
+                            seriesData.push([random(10), random(10), random(20)]);
+                        }
+                        return seriesData;
+                    })()
+                };
+
+                var option2 = {
+                    legend: {},
+                    xAxis: {},
+                    yAxis: {},
+                    tooltip: {
+                        formatter: function(params) {
+                            return params.marker + params.seriesName
+                                + (params.seriesName === 'Offset' ? '<br/>offset: ' + params.value[2] : '');
+                        }
+                    },
+                    series: [
+                        series,
+                        Object.assign({}, series, {
+                            name: 'Offset',
+                            symbol: 'circle',
+                            // symbolOffset: 20,
+                            symbolOffset: function(data) {
+                                return data[2]
+                            }
+                        })
+                    ]
+                };
+
                var chart = testHelper.create(echarts, 'main0', {
                    title: 'Rotates the symbol as we need',
                    option: option
                });
+                var chart2 = testHelper.create(echarts, 'main1', {
+                    title: 'Symbol should have various offset',
+                    option: option2
+                });
            });
        </script>

    </body>
-</html>
\ No newline at end of file
+</html>