culling in TreemapView and typo

src/chart/treemap/TreemapView.js

@@ -259,6 +259,7 @@
                     text = '';
                 }
 
+                content.culling = true;
                 content.setShape({
                     x: borderWidth,
                     y: borderWidth,
@@ -310,7 +311,6 @@
 
             var lastShapes = this._lastShapes;
             var animationCount = 0;
-            var containerGroup = this._containerGroup;
             var that = this;
 
             zrUtil.each(this._storage, function (shapes, key) {
@@ -429,7 +429,6 @@
             // 但是animate中，按下鼠标，animate结束后（silent设回为false）松开鼠标，
             // 还是会触发click，期望是不触发。
             var maybeClick = false;
-            var containerGroup = this._containerGroup;
             var that = this;
 
             containerGroup.on('mousedown', function (e) {

src/component/dataZoom/DataZoomView.js

@@ -167,7 +167,7 @@ define(function (require) {
         /**
          * @private
          */
-        _positionGroup: function (barGroup) {
+        _positionGroup: function () {
             var thisGroup = this.group;
             var location = this._location;
             var orient = this._orient;
@@ -318,13 +318,13 @@ define(function (require) {
         },
 
         _renderHandle: function () {
-            var displables = this._displayables;
-            var frames = displables.frames = [];
-            var handles = displables.handles = [];
-            var handleLabels = displables.handleLabels = [];
+            var displaybles = this._displayables;
+            var frames = displaybles.frames = [];
+            var handles = displaybles.handles = [];
+            var handleLabels = displaybles.handleLabels = [];
             var barGroup = this._displayables.barGroup;
 
-            barGroup.add(displables.filler = new Rect({
+            barGroup.add(displaybles.filler = new Rect({
                 draggable: true,
                 cursor: 'move',
                 drift: bind(this._onDragMove, this, 'all'),
@@ -431,7 +431,7 @@ define(function (require) {
          * @private
          */
         _updateView: function () {
-            var displables = this._displayables;
+            var displaybles = this._displayables;
             var handleEnds = this._handleEnds;
             var handleInterval = asc(handleEnds.slice());
             var size = this._size;
@@ -446,7 +446,7 @@ define(function (require) {
 
                 // Frames
                 var frameInterval = frameIntervals[handleIndex];
-                displables.frames[handleIndex].setShape(graphic.subPixelOptimizeRect({
+                displaybles.frames[handleIndex].setShape(graphic.subPixelOptimizeRect({
                     shape: {
                         x: frameInterval[0],
                         y: 0,
@@ -457,7 +457,7 @@ define(function (require) {
                 }).shape);
 
                 // Handles
-                var handle = displables.handles[handleIndex];
+                var handle = displaybles.handles[handleIndex];
                 handle.setShape({
                     x: handleEnds[handleIndex] - halfHandleSize,
                     y: 0,
@@ -468,7 +468,7 @@ define(function (require) {
             }, this);
 
             // Filler
-            displables.filler.setShape({
+            displaybles.filler.setShape({
                 x: handleInterval[0],
                 y: 0,
                 width: handleInterval[1] - handleInterval[0],
@@ -483,8 +483,8 @@ define(function (require) {
          */
         _updateDataInfo: function () {
             var dataZoomModel = this.dataZoomModel;
-            var displables = this._displayables;
-            var handleLabels = displables.handleLabels;
+            var displaybles = this._displayables;
+            var handleLabels = displaybles.handleLabels;
             var orient = this._orient;
 
             // FIXME
@@ -510,7 +510,7 @@ define(function (require) {
                 // Label
                 // Text should not transform by barGroup.
                 var barTransform = modelUtil.getTransform(
-                    displables.handles[handleIndex], this.group
+                    displaybles.handles[handleIndex], this.group
                 );
                 var direction = modelUtil.transformDirection(
                     handleIndex === 0 ? 'right' : 'left', barTransform