echarts 4.8.0 → 4.9.0

package/lib/component/marker/MarkAreaView.js

@@ -212,32 +212,70 @@ MarkerView.extend({
 
     areaData.each(function (idx) {
       // Layout
-      areaData.setItemLayout(idx, zrUtil.map(dimPermutations, function (dim) {
+      var points = zrUtil.map(dimPermutations, function (dim) {
         return getSingleMarkerEndPoint(areaData, idx, dim, seriesModel, api);
-      })); // Visual
+      }); // If none of the area is inside coordSys, allClipped is set to be true
+      // in layout so that label will not be displayed. See #12591
+
+      var allClipped = true;
+      zrUtil.each(dimPermutations, function (dim) {
+        if (!allClipped) {
+          return;
+        }
+
+        var xValue = areaData.get(dim[0], idx);
+        var yValue = areaData.get(dim[1], idx); // If is infinity, the axis should be considered not clipped
+
+        if ((isInifinity(xValue) || coordSys.getAxis('x').containData(xValue)) && (isInifinity(yValue) || coordSys.getAxis('y').containData(yValue))) {
+          allClipped = false;
+        }
+      });
+      areaData.setItemLayout(idx, {
+        points: points,
+        allClipped: allClipped
+      }); // Visual
 
       areaData.setItemVisual(idx, {
         color: seriesData.getVisual('color')
       });
     });
     areaData.diff(polygonGroup.__data).add(function (idx) {
-      var polygon = new graphic.Polygon({
-        shape: {
-          points: areaData.getItemLayout(idx)
-        }
-      });
-      areaData.setItemGraphicEl(idx, polygon);
-      polygonGroup.group.add(polygon);
+      var layout = areaData.getItemLayout(idx);
+
+      if (!layout.allClipped) {
+        var polygon = new graphic.Polygon({
+          shape: {
+            points: layout.points
+          }
+        });
+        areaData.setItemGraphicEl(idx, polygon);
+        polygonGroup.group.add(polygon);
+      }
     }).update(function (newIdx, oldIdx) {
       var polygon = polygonGroup.__data.getItemGraphicEl(oldIdx);
 
-      graphic.updateProps(polygon, {
-        shape: {
-          points: areaData.getItemLayout(newIdx)
+      var layout = areaData.getItemLayout(newIdx);
+
+      if (!layout.allClipped) {
+        if (polygon) {
+          graphic.updateProps(polygon, {
+            shape: {
+              points: layout.points
+            }
+          }, maModel, newIdx);
+        } else {
+          polygon = new graphic.Polygon({
+            shape: {
+              points: layout.points
+            }
+          });
         }
-      }, maModel, newIdx);
-      polygonGroup.group.add(polygon);
-      areaData.setItemGraphicEl(newIdx, polygon);
+
+        areaData.setItemGraphicEl(newIdx, polygon);
+        polygonGroup.group.add(polygon);
+      } else if (polygon) {
+        polygonGroup.group.remove(polygon);
+      }
     }).remove(function (idx) {
       var polygon = polygonGroup.__data.getItemGraphicEl(idx);
 

package/lib/component/marker/MarkLineView.js

@@ -278,8 +278,10 @@ var _default = MarkerView.extend({
       });
       lineData.setItemLayout(idx, [fromData.getItemLayout(idx), toData.getItemLayout(idx)]);
       lineData.setItemVisual(idx, {
+        'fromSymbolRotate': fromData.getItemVisual(idx, 'symbolRotate'),
         'fromSymbolSize': fromData.getItemVisual(idx, 'symbolSize'),
         'fromSymbol': fromData.getItemVisual(idx, 'symbol'),
+        'toSymbolRotate': toData.getItemVisual(idx, 'symbolRotate'),
         'toSymbolSize': toData.getItemVisual(idx, 'symbolSize'),
         'toSymbol': toData.getItemVisual(idx, 'symbol')
       });
@@ -297,6 +299,7 @@ var _default = MarkerView.extend({
       var itemModel = data.getItemModel(idx);
       updateSingleMarkerEndLayout(data, idx, isFrom, seriesModel, api);
       data.setItemVisual(idx, {
+        symbolRotate: itemModel.get('symbolRotate'),
         symbolSize: itemModel.get('symbolSize') || symbolSize[isFrom ? 0 : 1],
         symbol: itemModel.get('symbol', true) || symbolType[isFrom ? 0 : 1],
         color: itemModel.get('itemStyle.color') || seriesData.getVisual('color')

package/lib/component/marker/MarkPointView.js

@@ -116,10 +116,12 @@ var _default = MarkerView.extend({
       var itemModel = mpData.getItemModel(idx);
       var symbol = itemModel.getShallow('symbol');
       var symbolSize = itemModel.getShallow('symbolSize');
+      var symbolRotate = itemModel.getShallow('symbolRotate');
       var isFnSymbol = zrUtil.isFunction(symbol);
       var isFnSymbolSize = zrUtil.isFunction(symbolSize);
+      var isFnSymbolRotate = zrUtil.isFunction(symbolRotate);
 
-      if (isFnSymbol || isFnSymbolSize) {
+      if (isFnSymbol || isFnSymbolSize || isFnSymbolRotate) {
         var rawIdx = mpModel.getRawValue(idx);
         var dataParams = mpModel.getDataParams(idx);
 
@@ -131,11 +133,16 @@ var _default = MarkerView.extend({
           // FIXME 这里不兼容 ECharts 2.x，2.x 貌似参数是整个数据？
           symbolSize = symbolSize(rawIdx, dataParams);
         }
+
+        if (isFnSymbolRotate) {
+          symbolRotate = symbolRotate(rawIdx, dataParams);
+        }
       }
 
       mpData.setItemVisual(idx, {
         symbol: symbol,
         symbolSize: symbolSize,
+        symbolRotate: symbolRotate,
         color: itemModel.get('itemStyle.color') || seriesData.getVisual('color')
       });
     }); // TODO Text are wrong

package/lib/component/marker/MarkerModel.js

@@ -136,15 +136,16 @@ var MarkerModel = echarts.extendComponentModel({
       }, this);
     }
   },
-  formatTooltip: function (dataIndex) {
+  formatTooltip: function (dataIndex, multipleSeries, dataType, renderMode) {
     var data = this.getData();
     var value = this.getRawValue(dataIndex);
     var formattedValue = zrUtil.isArray(value) ? zrUtil.map(value, addCommas).join(', ') : addCommas(value);
     var name = data.getName(dataIndex);
     var html = encodeHTML(this.name);
+    var newLine = renderMode === 'html' ? '<br/>' : '\n';
 
     if (value != null || name) {
-      html += '<br />';
+      html += newLine;
     }
 
     if (name) {

package/lib/component/timeline/SliderTimelineView.js

@@ -571,7 +571,13 @@ function getViewRect(model, api) {
 }
 
 function makeIcon(timelineModel, objPath, rect, opts) {
-  var icon = graphic.makePath(timelineModel.get(objPath).replace(/^path:\/\//, ''), zrUtil.clone(opts || {}), new BoundingRect(rect[0], rect[1], rect[2], rect[3]), 'center');
+  var style = opts.style;
+  var icon = graphic.createIcon(timelineModel.get(objPath), opts || {}, new BoundingRect(rect[0], rect[1], rect[2], rect[3])); // TODO createIcon won't use style in opt.
+
+  if (style) {
+    icon.setStyle(style);
+  }
+
   return icon;
 }
 /**

package/lib/component/title.js

@@ -160,7 +160,7 @@ echarts.extendComponentView({
 
     if (sublink) {
       subTextEl.on('click', function () {
-        windowOpen(link, '_' + titleModel.get('subtarget'));
+        windowOpen(sublink, '_' + titleModel.get('subtarget'));
       });
     }
 

package/lib/component/toolbox/feature/DataView.js

@@ -116,7 +116,8 @@ function assembleSeriesWithCategoryAxis(series) {
     }));
     var columns = [categoryAxis.model.getCategories()];
     zrUtil.each(group.series, function (series) {
-      columns.push(series.getRawData().mapArray(valueAxisDim, function (val) {
+      var rawData = series.getRawData();
+      columns.push(series.getRawData().mapArray(rawData.mapDimension(valueAxisDim), function (val) {
         return val;
       }));
     }); // Assemble table content
@@ -242,7 +243,15 @@ function parseListContents(str) {
   var data = [];
 
   for (var i = 0; i < lines.length; i++) {
-    var items = trim(lines[i]).split(itemSplitRegex);
+    // if line is empty, ignore it.
+    // there is a case that a user forgot to delete `\n`.
+    var line = trim(lines[i]);
+
+    if (!line) {
+      continue;
+    }
+
+    var items = line.split(itemSplitRegex);
     var name = '';
     var value;
     var hasName = false;
@@ -449,14 +458,20 @@ function tryMergeDataOption(newData, originalData) {
     var original = originalData && originalData[idx];
 
     if (zrUtil.isObject(original) && !zrUtil.isArray(original)) {
-      if (zrUtil.isObject(newVal) && !zrUtil.isArray(newVal)) {
-        newVal = newVal.value;
-      } // Original data has option
+      var newValIsObject = zrUtil.isObject(newVal) && !zrUtil.isArray(newVal);
 
+      if (!newValIsObject) {
+        newVal = {
+          value: newVal
+        };
+      } // original data has name but new data has no name
 
-      return zrUtil.defaults({
-        value: newVal
-      }, original);
+
+      var shouldDeleteName = original.name != null && newVal.name == null; // Original data has option
+
+      newVal = zrUtil.defaults(newVal, original);
+      shouldDeleteName && delete newVal.name;
+      return newVal;
     } else {
       return newVal;
     }

package/lib/component/toolbox/feature/DataZoom.js

@@ -83,7 +83,11 @@ DataZoom.defaultOption = {
     back: 'M22,1.4L9.9,13.5l12.3,12.3 M10.3,13.5H54.9v44.6 H10.3v-26'
   },
   // `zoom`, `back`
-  title: zrUtil.clone(dataZoomLang.title)
+  title: zrUtil.clone(dataZoomLang.title),
+  brushStyle: {
+    borderWidth: 0,
+    color: 'rgba(0,0,0,0.2)'
+  }
 };
 var proto = DataZoom.prototype;
 
@@ -243,11 +247,7 @@ function updateZoomBtnStatus(featureModel, ecModel, view, payload, api) {
     return targetInfo.xAxisDeclared && !targetInfo.yAxisDeclared ? 'lineX' : !targetInfo.xAxisDeclared && targetInfo.yAxisDeclared ? 'lineY' : 'rect';
   })).enableBrush(zoomActive ? {
     brushType: 'auto',
-    brushStyle: {
-      // FIXME user customized?
-      lineWidth: 0,
-      fill: 'rgba(0,0,0,0.2)'
-    }
+    brushStyle: featureModel.getModel('brushStyle').getItemStyle()
   } : false);
 }
 

package/lib/component/toolbox/feature/SaveAsImage.js

@@ -85,7 +85,8 @@ proto.onclick = function (ecModel, api) {
     $a.target = '_blank';
     $a.href = url;
     var evt = new MouseEvent('click', {
-      view: window,
+      // some micro front-end framework， window maybe is a Proxy
+      view: document.defaultView,
       bubbles: true,
       cancelable: false
     });

package/lib/component/tooltip/TooltipContent.js

@@ -78,7 +78,18 @@ function assembleFont(textStyleModel) {
   var color = textStyleModel.getTextColor();
   color && cssText.push('color:' + color);
   cssText.push('font:' + textStyleModel.getFont());
-  fontSize && cssText.push('line-height:' + Math.round(fontSize * 3 / 2) + 'px');
+  var lineHeight = textStyleModel.get('lineHeight');
+
+  if (lineHeight == null) {
+    lineHeight = Math.round(fontSize * 3 / 2);
+  }
+
+  fontSize && cssText.push('line-height:' + lineHeight + 'px');
+  var shadowColor = textStyleModel.get('textShadowColor');
+  var shadowBlur = textStyleModel.get('textShadowBlur') || 0;
+  var shadowOffsetX = textStyleModel.get('textShadowOffsetX') || 0;
+  var shadowOffsetY = textStyleModel.get('textShadowOffsetY') || 0;
+  shadowBlur && cssText.push('text-shadow:' + shadowOffsetX + 'px ' + shadowOffsetY + 'px ' + shadowBlur + 'px ' + shadowColor);
   each(['decoration', 'align'], function (name) {
     var val = textStyleModel.get(name);
     val && cssText.push('text-' + name + ':' + val);
@@ -152,6 +163,10 @@ function makeStyleCoord(out, zr, appendToBody, zrX, zrY) {
       out[1] += viewportRootOffset.offsetTop;
     }
   }
+
+  out[2] = out[0] / zr.getWidth(); // The ratio of left to width
+
+  out[3] = out[1] / zr.getHeight(); // The ratio of top to height
 }
 /**
  * @alias module:echarts/component/tooltip/TooltipContent
@@ -176,7 +191,8 @@ function TooltipContent(container, api, opt) {
   this.el = el;
   var zr = this._zr = api.getZr();
   var appendToBody = this._appendToBody = opt && opt.appendToBody;
-  this._styleCoord = [0, 0];
+  this._styleCoord = [0, 0, 0, 0]; // [left, top, left/width, top/height]
+
   makeStyleCoord(this._styleCoord, zr, appendToBody, api.getWidth() / 2, api.getHeight() / 2);
 
   if (appendToBody) {
@@ -247,7 +263,7 @@ TooltipContent.prototype = {
   /**
    * Update when tooltip is rendered
    */
-  update: function () {
+  update: function (tooltipModel) {
     // FIXME
     // Move this logic to ec main?
     var container = this._container;
@@ -256,10 +272,28 @@ TooltipContent.prototype = {
 
     if (domStyle.position !== 'absolute' && stl.position !== 'absolute') {
       domStyle.position = 'relative';
-    } // Hide the tooltip
+    }
+
+    var alwaysShowContent = tooltipModel.get('alwaysShowContent');
+    alwaysShowContent && this._moveTooltipIfResized(); // Hide the tooltip
     // PENDING
     // this.hide();
+  },
+
+  /**
+   * when `alwaysShowContent` is true,
+   * we should move the tooltip after chart resized
+   */
+  _moveTooltipIfResized: function () {
+    var ratioX = this._styleCoord[2]; // The ratio of left to width
+
+    var ratioY = this._styleCoord[3]; // The ratio of top to height
+
+    var realX = ratioX * this._zr.getWidth();
+
+    var realY = ratioY * this._zr.getHeight();
 
+    this.moveTo(realX, realY);
   },
   show: function (tooltipModel) {
     clearTimeout(this._hideTimeout);
@@ -269,10 +303,10 @@ TooltipContent.prototype = {
     // http://stackoverflow.com/questions/21125587/css3-transition-not-working-in-chrome-anymore
     // we should set initial value to `left` and `top`.
     + ';left:' + styleCoord[0] + 'px;top:' + styleCoord[1] + 'px;' + (tooltipModel.get('extraCssText') || '');
-    el.style.display = el.innerHTML ? 'block' : 'none'; // If mouse occsionally move over the tooltip, a mouseout event will be
-    // triggered by canvas, and cuase some unexpectable result like dragging
+    el.style.display = el.innerHTML ? 'block' : 'none'; // If mouse occasionally move over the tooltip, a mouseout event will be
+    // triggered by canvas, and cause some unexpectable result like dragging
     // stop, "unfocusAdjacency". Here `pointer-events: none` is used to solve
-    // it. Although it is not suppored by IE8~IE10, fortunately it is a rare
+    // it. Although it is not supported by IE8~IE10, fortunately it is a rare
     // scenario.
 
     el.style.pointerEvents = this._enterable ? 'auto' : 'none';
@@ -302,7 +336,7 @@ TooltipContent.prototype = {
   hideLater: function (time) {
     if (this._show && !(this._inContent && this._enterable)) {
       if (time) {
-        this._hideDelay = time; // Set show false to avoid invoke hideLater mutiple times
+        this._hideDelay = time; // Set show false to avoid invoke hideLater multiple times
 
         this._show = false;
         this._hideTimeout = setTimeout(zrUtil.bind(this.hide, this), time);

package/lib/component/tooltip/TooltipRichContent.js

@@ -22,6 +22,8 @@ var zrUtil = require("zrender/lib/core/util");
 
 var Text = require("zrender/lib/graphic/Text");
 
+var graphicUtil = require("../../util/graphic");
+
 /*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
@@ -41,13 +43,24 @@ var Text = require("zrender/lib/graphic/Text");
 * under the License.
 */
 // import Group from 'zrender/src/container/Group';
+function makeStyleCoord(out, zr, zrX, zrY) {
+  out[0] = zrX;
+  out[1] = zrY;
+  out[2] = out[0] / zr.getWidth(); // The ratio of left to width
 
+  out[3] = out[1] / zr.getHeight(); // The ratio of top to height
+}
 /**
  * @alias module:echarts/component/tooltip/TooltipRichContent
  * @constructor
  */
+
+
 function TooltipRichContent(api) {
-  this._zr = api.getZr();
+  var zr = this._zr = api.getZr();
+  this._styleCoord = [0, 0, 0, 0]; // [left, top, left/width, top/height]
+
+  makeStyleCoord(this._styleCoord, zr, api.getWidth() / 2, api.getHeight() / 2);
   this._show = false;
   /**
    * @private
@@ -68,7 +81,25 @@ TooltipRichContent.prototype = {
   /**
    * Update when tooltip is rendered
    */
-  update: function () {// noop
+  update: function (tooltipModel) {
+    var alwaysShowContent = tooltipModel.get('alwaysShowContent');
+    alwaysShowContent && this._moveTooltipIfResized();
+  },
+
+  /**
+   * when `alwaysShowContent` is true,
+   * we should move the tooltip after chart resized
+   */
+  _moveTooltipIfResized: function () {
+    var ratioX = this._styleCoord[2]; // The ratio of left to width
+
+    var ratioY = this._styleCoord[3]; // The ratio of top to height
+
+    var realX = ratioX * this._zr.getWidth();
+
+    var realY = ratioY * this._zr.getHeight();
+
+    this.moveTo(realX, realY);
   },
   show: function (tooltipModel) {
     if (this._hideTimeout) {
@@ -123,16 +154,24 @@ TooltipRichContent.prototype = {
       startId = text.indexOf('{marker');
     }
 
+    var textStyleModel = tooltipModel.getModel('textStyle');
+    var fontSize = textStyleModel.get('fontSize');
+    var lineHeight = tooltipModel.get('textLineHeight');
+
+    if (lineHeight == null) {
+      lineHeight = Math.round(fontSize * 3 / 2);
+    }
+
     this.el = new Text({
-      style: {
+      style: graphicUtil.setTextStyle({}, textStyleModel, {
         rich: markers,
         text: content,
-        textLineHeight: 20,
         textBackgroundColor: tooltipModel.get('backgroundColor'),
         textBorderRadius: tooltipModel.get('borderRadius'),
         textFill: tooltipModel.get('textStyle.color'),
-        textPadding: tooltipModel.get('padding')
-      },
+        textPadding: tooltipModel.get('padding'),
+        textLineHeight: lineHeight
+      }),
       z: tooltipModel.get('z')
     });
 
@@ -167,7 +206,9 @@ TooltipRichContent.prototype = {
   },
   moveTo: function (x, y) {
     if (this.el) {
-      this.el.attr('position', [x, y]);
+      var styleCoord = this._styleCoord;
+      makeStyleCoord(styleCoord, this._zr, x, y);
+      this.el.attr('position', [styleCoord[0], styleCoord[1]]);
     }
   },
   hide: function () {
@@ -180,7 +221,7 @@ TooltipRichContent.prototype = {
   hideLater: function (time) {
     if (this._show && !(this._inContent && this._enterable)) {
       if (time) {
-        this._hideDelay = time; // Set show false to avoid invoke hideLater mutiple times
+        this._hideDelay = time; // Set show false to avoid invoke hideLater multiple times
 
         this._show = false;
         this._hideTimeout = setTimeout(zrUtil.bind(this.hide, this), time);
@@ -192,6 +233,13 @@ TooltipRichContent.prototype = {
   isShow: function () {
     return this._show;
   },
+  dispose: function () {
+    clearTimeout(this._hideTimeout);
+
+    if (this.el) {
+      this._zr.remove(this.el);
+    }
+  },
   getOuterSize: function () {
     var size = this.getSize();
     return {

package/lib/component/tooltip/TooltipView.js

@@ -143,7 +143,7 @@ var _default = echarts.extendComponentView({
 
     this._alwaysShowContent = tooltipModel.get('alwaysShowContent');
     var tooltipContent = this._tooltipContent;
-    tooltipContent.update();
+    tooltipContent.update(tooltipModel);
     tooltipContent.setEnterable(tooltipModel.get('enterable'));
 
     this._initGlobalListener();
@@ -347,7 +347,7 @@ var _default = echarts.extendComponentView({
   _showOrMove: function (tooltipModel, cb) {
     // showDelay is used in this case: tooltip.enterable is set
     // as true. User intent to move mouse into tooltip and click
-    // something. `showDelay` makes it easyer to enter the content
+    // something. `showDelay` makes it easier to enter the content
     // but tooltip do not move immediately.
     var delay = tooltipModel.get('showDelay');
     cb = zrUtil.bind(cb, this);
@@ -413,7 +413,7 @@ var _default = echarts.extendComponentView({
           }
         }); // Default tooltip content
         // FIXME
-        // (1) shold be the first data which has name?
+        // (1) should be the first data which has name?
         // (2) themeRiver, firstDataIndex is array, and first line is unnecessary.
 
         var firstLine = valueLabel;
@@ -503,7 +503,7 @@ var _default = echarts.extendComponentView({
     var subTooltipModel = new Model(tooltipOpt, this._tooltipModel, this._ecModel);
     var defaultHtml = subTooltipModel.get('content');
     var asyncTicket = Math.random(); // Do not check whether `trigger` is 'none' here, because `trigger`
-    // only works on cooridinate system. In fact, we have not found case
+    // only works on coordinate system. In fact, we have not found case
     // that requires setting `trigger` nothing on component yet.
 
     this._showOrMove(subTooltipModel, function () {

package/lib/component/visualMap/VisualMapModel.js

@@ -398,7 +398,7 @@ var VisualMapModel = echarts.extendComponentModel({
       // Originally we use visualMap.color as the default color, but setOption at
       // the second time the default color will be erased. So we change to use
       // constant DEFAULT_COLOR.
-      // If user do not want the defualt color, set inRange: {color: null}.
+      // If user do not want the default color, set inRange: {color: null}.
 
 
       base.inRange = base.inRange || {

package/lib/coord/axisDefault.js

@@ -48,7 +48,7 @@ var defaultOption = {
   name: '',
   // 'start' | 'middle' | 'end'
   nameLocation: 'end',
-  // By degree. By defualt auto rotate by nameLocation.
+  // By degree. By default auto rotate by nameLocation.
   nameRotate: null,
   nameTruncate: {
     maxWidth: null,

package/lib/coord/axisHelper.js

@@ -397,8 +397,8 @@ function rotateTextRect(textRect, rotate) {
   var boundingBox = textRect.plain();
   var beforeWidth = boundingBox.width;
   var beforeHeight = boundingBox.height;
-  var afterWidth = beforeWidth * Math.cos(rotateRadians) + beforeHeight * Math.sin(rotateRadians);
-  var afterHeight = beforeWidth * Math.sin(rotateRadians) + beforeHeight * Math.cos(rotateRadians);
+  var afterWidth = beforeWidth * Math.abs(Math.cos(rotateRadians)) + Math.abs(beforeHeight * Math.sin(rotateRadians));
+  var afterHeight = beforeWidth * Math.abs(Math.sin(rotateRadians)) + Math.abs(beforeHeight * Math.cos(rotateRadians));
   var rotatedRect = new BoundingRect(boundingBox.x, boundingBox.y, afterWidth, afterHeight);
   return rotatedRect;
 }

package/lib/coord/geo/GeoModel.js

@@ -143,8 +143,9 @@ var GeoModel = ComponentModel.extend({
    * @return {string}
    */
   getFormattedLabel: function (name, status) {
+    status = status || 'normal';
     var regionModel = this.getRegionModel(name);
-    var formatter = regionModel.get('label' + (status === 'normal' ? '.' : status + '.') + 'formatter');
+    var formatter = regionModel.get((status === 'normal' ? '' : status + '.') + 'label.formatter');
     var params = {
       name: name
     };

package/lib/data/Graph.js

@@ -191,12 +191,7 @@ graphProto.addEdge = function (n1, n2, dataIndex) {
     return;
   }
 
-  var key = n1.id + '-' + n2.id; // PENDING
-
-  if (edgesMap[key]) {
-    return;
-  }
-
+  var key = n1.id + '-' + n2.id;
   var edge = new Edge(n1, n2, dataIndex);
   edge.hostGraph = this;
 

package/lib/data/List.js

@@ -419,7 +419,7 @@ listProto.mapDimension = function (coordDim, idx) {
  * Initialize from data
  * @param {Array.<Object|number|Array>} data source or data or data provider.
  * @param {Array.<string>} [nameLIst] The name of a datum is used on data diff and
- *        defualt label/tooltip.
+ *        default label/tooltip.
  *        A name can be specified in encode.itemName,
  *        or dataItem.name (only for series option data),
  *        or provided in nameList from outside.