test(legend): add more test case for legend using visualMap encoded color.

test/legend-visualMapColor.html

@@ -125,6 +125,85 @@ under the License.
         });
         </script>
 
+
+        <script>
+        require(['echarts'/*, 'map/js/china' */], function (echarts) {
+            var data = [
+                {value:335, name:'直接访问'},
+                {value:310, name:'邮件营销'},
+                {value:274, name:'联盟广告'},
+                {value:235, name:'视频广告'},
+                {value:400, name:'搜索引擎'}
+            ].sort(function (a, b) { return a.value - b.value; });
+            var option = {
+                backgroundColor: '#2c343c',
+
+                legend: {
+                    data: data.map(function (item) {
+                        return item.name
+                    }),
+                    textStyle: {
+                        color: '#fff'
+                    }
+                },
+                visualMap: {
+                    show: false,
+                    min: 80,
+                    max: 600,
+                    inRange: {
+                        colorLightness: [0, 1]
+                    }
+                },
+                series : [
+                    {
+                        name:'访问来源',
+                        type:'pie',
+                        radius : '55%',
+                        center: ['50%', '50%'],
+                        data: data,
+                        roseType: 'radius',
+                        label: {
+                            normal: {
+                                textStyle: {
+                                    color: 'rgba(255, 255, 255, 0.3)'
+                                }
+                            }
+                        },
+                        labelLine: {
+                            normal: {
+                                lineStyle: {
+                                    color: 'rgba(255, 255, 255, 0.3)'
+                                },
+                                smooth: 0.2,
+                                length: 10,
+                                length2: 20
+                            }
+                        },
+                        itemStyle: {
+                            normal: {
+                                color: '#c23531',
+                                shadowBlur: 200,
+                                shadowColor: 'rgba(0, 0, 0, 0.5)'
+                            }
+                        },
+
+                        animationType: 'scale',
+                        animationEasing: 'elasticOut',
+                        animationDelay: function (idx) {
+                            return Math.random() * 200;
+                        }
+                    }
+                ]
+            };
+
+            var chart = testHelper.create(echarts, 'main1', {
+                title: [
+                    'Legend use color from lightness visualMap.'
+                ],
+                option: option
+            });
+        });
+        </script>
     </body>
 </html>
 

test/runTest/actions/__meta__.json

@@ -85,6 +85,7 @@
   "label-position": 1,
   "largeLine-tooltip": 1,
   "legend": 6,
+  "legend-visualMapColor": 2,
   "line": 1,
   "line-animation": 1,
   "map": 3,

test/runTest/actions/legend-visualMapColor.json

+[{"name":"Action 1","ops":[{"type":"mousemove","time":108,"x":248,"y":111},{"type":"mousemove","time":312,"x":288,"y":95},{"type":"mousemove","time":524,"x":323,"y":87},{"type":"mousemove","time":725,"x":325,"y":87},{"type":"mousedown","time":786,"x":325,"y":87},{"type":"mouseup","time":904,"x":325,"y":87},{"time":905,"delay":400,"type":"screenshot-auto"},{"type":"mousedown","time":1341,"x":325,"y":87},{"type":"mouseup","time":1423,"x":325,"y":87},{"time":1424,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":1699,"x":325,"y":86},{"type":"mousemove","time":1899,"x":374,"y":84},{"type":"mousemove","time":2100,"x":382,"y":84},{"type":"mousedown","time":2155,"x":382,"y":84},{"type":"mouseup","time":2240,"x":382,"y":84},{"time":2241,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":2483,"x":383,"y":85},{"type":"mousemove","time":2684,"x":431,"y":84},{"type":"mousemove","time":2890,"x":450,"y":86},{"type":"mousedown","time":3043,"x":450,"y":86},{"type":"mouseup","time":3133,"x":450,"y":86},{"time":3134,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":3284,"x":449,"y":86},{"type":"mousemove","time":3484,"x":332,"y":88},{"type":"mousemove","time":3690,"x":327,"y":88},{"type":"mousedown","time":3914,"x":327,"y":88},{"type":"mouseup","time":4006,"x":327,"y":88},{"time":4007,"delay":400,"type":"screenshot-auto"},{"type":"mousedown","time":4524,"x":327,"y":88},{"type":"mouseup","time":4629,"x":327,"y":88},{"time":4630,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":4686,"x":327,"y":88},{"type":"mousemove","time":4896,"x":370,"y":84},{"type":"mousemove","time":5110,"x":378,"y":83},{"type":"mousedown","time":5196,"x":378,"y":83},{"type":"mouseup","time":5278,"x":378,"y":83},{"time":5279,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":5370,"x":382,"y":83},{"type":"mousemove","time":5570,"x":467,"y":93},{"type":"mousemove","time":5779,"x":471,"y":93},{"type":"mousedown","time":5797,"x":471,"y":93},{"type":"mouseup","time":5929,"x":471,"y":93},{"time":5930,"delay":400,"type":"screenshot-auto"}],"scrollY":0,"scrollX":0,"timestamp":1574957708591},{"name":"Action 2","ops":[{"type":"mousemove","time":204,"x":588,"y":236},{"type":"mousemove","time":411,"x":579,"y":218},{"type":"mousemove","time":628,"x":578,"y":215},{"type":"mousedown","time":662,"x":578,"y":215},{"type":"mouseup","time":761,"x":578,"y":215},{"time":762,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":1238,"x":577,"y":215},{"type":"mousemove","time":1439,"x":493,"y":209},{"type":"mousemove","time":1648,"x":414,"y":206},{"type":"mousemove","time":1867,"x":412,"y":207},{"type":"mousedown","time":1932,"x":412,"y":207},{"type":"mouseup","time":2000,"x":412,"y":207},{"time":2001,"delay":400,"type":"screenshot-auto"},{"type":"mousemove","time":2357,"x":411,"y":207},{"type":"mousemove","time":2564,"x":347,"y":211},{"type":"mousemove","time":2783,"x":345,"y":211},{"type":"mousedown","time":2798,"x":345,"y":211},{"type":"mouseup","time":2896,"x":345,"y":211},{"time":2897,"delay":400,"type":"screenshot-auto"}],"scrollY":334,"scrollX":0,"timestamp":1574957722873}]
\ No newline at end of file