tweak examples.

ff8d3bb5 · pah100 · 6c48ac5b · ff8d3bb5 · ff8d3bb5 · ff8d3bb5
10 changed file
--- a/test/data/iphone.png
+++ b/test/data/iphone.png
--- a/test/lib/testHelper.js
+++ b/test/lib/testHelper.js
+(function (context) {
+
+    var testHelper = {
+
+        createChart: function (echarts, id, option, height) {
+            var dom = document.getElementById(id);
+            if (dom) {
+                if (height != null) {
+                    dom.style.height = height + 'px';
+                }
+
+                var chart = echarts.init(dom);
+                option && chart.setOption(option);
+                testHelper.resizable(chart);
+
+                return chart;
+            }
+        },
+
+        resizable: function (chart) {
+            window.addEventListener('resize', chart.resize);
+        }
+    };
+
+    context.testHelper = testHelper;
+
+})(window);
\ No newline at end of file
--- a/test/tooltip-action.html
+++ b/test/tooltip-action.html
@@ -5,6 +5,7 @@
        <script src="config.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="reset.css" />
+        <script src="lib/testHelper.js"></script>
        <script src="tooltipTestHelper.js"></script>
    </head>
    <body>
@@ -141,7 +142,6 @@



-\




--- a/test/tooltip-axisPointer.html
+++ b/test/tooltip-axisPointer.html
@@ -5,6 +5,7 @@
        <script src="config.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="reset.css" />
+        <script src="lib/testHelper.js"></script>
        <script src="tooltipTestHelper.js"></script>
    </head>
    <body>

--- a/test/tooltip-cascade.html
+++ b/test/tooltip-cascade.html
@@ -5,6 +5,7 @@
        <script src="config.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="reset.css" />
+        <script src="lib/testHelper.js"></script>
        <script src="tooltipTestHelper.js"></script>
    </head>
    <body>

--- a/test/tooltip-link.html
+++ b/test/tooltip-link.html
@@ -8,6 +8,7 @@
        <script src="lib/facePrint.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="reset.css">
+        <script src="lib/testHelper.js"></script>
        <script src="tooltipTestHelper.js"></script>
    </head>
    <body>

--- a/test/tooltip-setOption.html
+++ b/test/tooltip-setOption.html
+<html>
+    <head>
+        <meta charset="utf-8">
+        <script src="esl.js"></script>
+        <script src="config.js"></script>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="stylesheet" href="reset.css" />
+        <script src="lib/testHelper.js"></script>
+        <script src="tooltipTestHelper.js"></script>
+    </head>
+    <body>
+        <style>
+            h1 {
+                line-height: 60px;
+                height: 60px;
+                background: #ddd;
+                text-align: center;
+                font-weight: bold;
+                font-size: 14px;
+            }
+            .chart {
+                height: 350px;
+            }
+        </style>
+
+
+        <h1>dynamic data update tooltip content and keep show</h1>
+        <div><a target="_blank" href="dynamicData.html">dynamicData.html</a></div>
+        <div><a target="_blank" href="dynamicData2.html">dynamicData2.html</a></div>
+        <div><a target="_blank" href="dynamicData3.html">dynamicData3.html</a></div>
+        <h1>triggerOn click setOption when trigger axis (keep show)</h1>
+        <div class="chart" id="click-setOption1"></div>
+        <h1>triggerOn click setOption when trigger item (keep show)</h1>
+        <div class="chart" id="click-setOption2"></div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        <script>
+
+            require([
+                'echarts',
+                'echarts/chart/line',
+                'echarts/component/legend',
+                'echarts/component/grid',
+                'echarts/component/tooltip',
+                'zrender/vml/vml'
+            ], function (echarts) {
+
+                var option = {
+                    tooltip: {
+                        trigger: 'axis',
+                        triggerOn: 'click',
+                        enterable: true,
+                        axisPointer: {
+                            type: 'cross'
+                        },
+                        formatter: function () {
+                            return '<button onclick="console.log(\'click\');window.ecClickSetOptionAxisChart.setOption({tooltip: {}});">click me</button>';
+                        }
+                    }
+                };
+                var baseTop = 90;
+                var height = 150;
+                var gap = 50;
+                makeCategoryGrid(option, {
+                    grid: {top: baseTop, height: height},
+                    yAxis: {
+                        name: 'click show tip',
+                        tooltip: {
+                            show: true
+                        }
+                    }
+                });
+                baseTop += height + gap;
+
+                var chart = createChart('click-setOption1', echarts, option, baseTop);
+                window.ecClickSetOptionAxisChart = chart;
+
+                chart.on('showTip', function (params) {
+                    console.log('asdf', params);
+                    chart.setOption({
+                        // tooltip: {}
+                    });
+                });
+            })
+        </script>
+
+
+
+
+    </body>
+</html>
\ No newline at end of file
--- a/test/tooltip-touch.html
+++ b/test/tooltip-touch.html
@@ -6,6 +6,7 @@
        <script src="lib/facePrint.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="reset.css" />
+        <script src="lib/testHelper.js"></script>
        <script src="tooltipTestHelper.js"></script>
    </head>
    <body>

--- a/test/tooltip.html
+++ b/test/tooltip.html
@@ -5,6 +5,7 @@
        <script src="config.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="reset.css" />
+        <script src="lib/testHelper.js"></script>
        <script src="tooltipTestHelper.js"></script>
    </head>
    <body>

--- a/test/tooltipTestHelper.js
+++ b/test/tooltipTestHelper.js
@@ -2,20 +2,7 @@
 /*jshint camelcase:false*/

 function createChart(id, echarts, option, height) {
-    var dom = document.getElementById(id);
-    if (dom) {
-        if (height != null) {
-            dom.style.height = height + 'px';
-        }
-        var chart = echarts.init(dom);
-        chart.setOption(option);
-        resizable(chart);
-        return chart;
-    }
-}
-
-function resizable(chart) {
-    window.addEventListener('resize', chart.resize);
+    return window.testHelper.createChart(echarts, id, option, height);
 }

 function extend(target, source) {