Fix dataZoom elements z

src/component/dataZoom/SliderZoomView.js

@@ -146,9 +146,10 @@ define(function (require) {
 
             var barGroup = this._displayables.barGroup = new graphic.Group();
 
+            this._renderBackground();
+
             this._renderHandle();
 
-            this._renderBackground();
             this._renderDataShadow();
 
             thisGroup.add(barGroup);
@@ -256,7 +257,8 @@ define(function (require) {
                 },
                 style: {
                     fill: dataZoomModel.get('backgroundColor')
-                }
+                },
+                z2: -40
             }));
         },
 
@@ -462,7 +464,8 @@ define(function (require) {
                         textAlign: 'center',
                         fill: textStyleModel.getTextColor(),
                         textFont: textStyleModel.getFont()
-                    }
+                    },
+                    z2: 10
                 }));
 
             }, this);

test/parallel-nutrients.html

@@ -34,7 +34,7 @@
                 'echarts/component/legend',
                 'echarts/component/tooltip',
                 'echarts/component/toolbox',
-                'echarts/component/visualMap',
+                'echarts/component/visualMap'
             ], function (ec, ct) {
 
                 $.getJSON('./data/nutrients.json', function (data) {
@@ -45,7 +45,9 @@
 
                     chart = myChart = echarts.init(document.getElementById('main'));
 
+                    console.time('render');
                     chart.setOption(getOption(data));
+                    console.timeEnd('render');
 
                     chart.on('axisAreaSelected', function (event) {
                         // var indices = chart.getModel().getSeries()[0].getRawIndicesByActiveState('active');
@@ -231,7 +233,7 @@
                                 lineStyle: lineStyle,
                                 inactiveOpacity: 0,
                                 activeOpacity: 0.01,
-                                progressive: 100,
+                                progressive: 500,
                                 smooth: true,
                                 data: data
                             }

test/theme.html

@@ -26,7 +26,8 @@
                 'echarts/chart/bar',
                 'echarts/component/legend',
                 'echarts/component/grid',
-                'echarts/component/tooltip'
+                'echarts/component/tooltip',
+                'echarts/component/dataZoom'
             ], function (echarts, theme) {
 
                 var chart = echarts.init(document.getElementById('main'), 'dark');
@@ -75,6 +76,10 @@
                         align: 'right'
                     },
                     tooltip: {},
+                    dataZoom: {
+                        start: 10,
+                        end: 20
+                    },
                     xAxis: {
                         data: xAxisData,
                         axisLine: {