@10yun/cv-mobile-ui 0.4.11 → 0.5.1

package/ui-uni/u-charts/u-charts.js

@@ -53,7 +53,7 @@ if (Object.assign) {
   assign = Object.assign;
 } else {
   // 使用polyfill
-  assign = function(target, varArgs) {
+  assign = function (target, varArgs) {
     if (target == null) {
       throw new TypeError('Cannot convert undefined or null to object');
     }
@@ -69,7 +69,7 @@ if (Object.assign) {
       }
     }
     return to;
-  }
+  };
 }
 
 var util = {
@@ -87,7 +87,7 @@ var util = {
     return Math.abs(num1 - num2) < 1e-10;
   },
   isSameSign: function isSameSign(num1, num2) {
-    return Math.abs(num1) === num1 && Math.abs(num2) === num2 || Math.abs(num1) !== num1 && Math.abs(num2) !== num2;
+    return (Math.abs(num1) === num1 && Math.abs(num2) === num2) || (Math.abs(num1) !== num1 && Math.abs(num2) !== num2);
   },
   isSameXCoordinateArea: function isSameXCoordinateArea(p1, p2) {
     return this.isSameSign(p1.x, p2.x);
@@ -119,7 +119,7 @@ function getH5Offset(e) {
 // hex 转 rgba
 function hexToRgb(hexValue, opc) {
   var rgx = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  var hex = hexValue.replace(rgx, function(m, r, g, b) {
+  var hex = hexValue.replace(rgx, function (m, r, g, b) {
     return r + r + g + g + b + b;
   });
   var rgb = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
@@ -181,7 +181,7 @@ function calCandleMA(dayArr, nameArr, colorArr, kdata) {
 
 function calValidDistance(distance, chartData, config, opts) {
   var dataChartAreaWidth = opts.width - opts.area[1] - opts.area[3];
-  var dataChartWidth = chartData.eachSpacing * (opts.chartData.xAxisData.xAxisPoints.length-1);
+  var dataChartWidth = chartData.eachSpacing * (opts.chartData.xAxisData.xAxisPoints.length - 1);
   var validDistance = distance;
   if (distance >= 0) {
     validDistance = 0;
@@ -226,12 +226,11 @@ function calRotateTranslate(x, y, h) {
 }
 
 function createCurveControlPoints(points, i) {
-
   function isNotMiddlePoint(points, i) {
     if (points[i - 1] && points[i + 1]) {
-      return points[i].y >= Math.max(points[i - 1].y, points[i + 1].y) || points[i].y <= Math.min(points[i - 1].y,
-        points[
-          i + 1].y);
+      return (
+        points[i].y >= Math.max(points[i - 1].y, points[i + 1].y) || points[i].y <= Math.min(points[i - 1].y, points[i + 1].y)
+      );
     } else {
       return false;
     }
@@ -305,7 +304,7 @@ function avoidCollision(obj, target) {
 
 function fillSeries(series, opts, config) {
   var index = 0;
-  return series.map(function(item) {
+  return series.map(function (item) {
     if (!item.color) {
       item.color = config.colors[index];
       index = (index + 1) % config.colors.length;
@@ -313,28 +312,28 @@ function fillSeries(series, opts, config) {
     if (!item.type) {
       item.type = opts.type;
     }
-    if (typeof item.show == "undefined") {
+    if (typeof item.show == 'undefined') {
       item.show = true;
     }
     if (!item.type) {
       item.type = opts.type;
     }
     if (!item.pointShape) {
-      item.pointShape = "circle";
+      item.pointShape = 'circle';
     }
     if (!item.legendShape) {
       switch (item.type) {
         case 'line':
-          item.legendShape = "line";
+          item.legendShape = 'line';
           break;
         case 'column':
-          item.legendShape = "rect";
+          item.legendShape = 'rect';
           break;
         case 'area':
-          item.legendShape = "triangle";
+          item.legendShape = 'triangle';
           break;
         default:
-          item.legendShape = "circle";
+          item.legendShape = 'circle';
       }
     }
     return item;
@@ -400,11 +399,11 @@ function measureText(text) {
       width += 10;
     }
   }
-  return width * fontSize / 10;
+  return (width * fontSize) / 10;
 }
 
 function dataCombine(series) {
-  return series.reduce(function(a, b) {
+  return series.reduce(function (a, b) {
     return (a.data ? a.data : a).concat(b.data);
   }, []);
 }
@@ -419,7 +418,7 @@ function dataCombineStack(series, len) {
       sum[j] += series[i].data[j];
     }
   }
-  return series.reduce(function(a, b) {
+  return series.reduce(function (a, b) {
     return (a.data ? a.data : a).concat(b.data).concat(sum);
   }, []);
 }
@@ -429,11 +428,13 @@ function getTouches(touches, opts, e) {
   if (touches.clientX) {
     if (opts.rotate) {
       y = opts.height - touches.clientX * opts.pixelRatio;
-      x = (touches.pageY - e.currentTarget.offsetTop - (opts.height / opts.pixelRatio / 2) * (opts.pixelRatio - 1)) *
+      x =
+        (touches.pageY - e.currentTarget.offsetTop - (opts.height / opts.pixelRatio / 2) * (opts.pixelRatio - 1)) *
         opts.pixelRatio;
     } else {
       x = touches.clientX * opts.pixelRatio;
-      y = (touches.pageY - e.currentTarget.offsetTop - (opts.height / opts.pixelRatio / 2) * (opts.pixelRatio - 1)) *
+      y =
+        (touches.pageY - e.currentTarget.offsetTop - (opts.height / opts.pixelRatio / 2) * (opts.pixelRatio - 1)) *
         opts.pixelRatio;
     }
   } else {
@@ -448,7 +449,7 @@ function getTouches(touches, opts, e) {
   return {
     x: x,
     y: y
-  }
+  };
 }
 
 function getSeriesDataItem(series, index) {
@@ -472,20 +473,20 @@ function getSeriesDataItem(series, index) {
 }
 
 function getMaxTextListLength(list) {
-  var lengthList = list.map(function(item) {
+  var lengthList = list.map(function (item) {
     return measureText(item);
   });
   return Math.max.apply(null, lengthList);
 }
 
 function getRadarCoordinateSeries(length) {
-  var eachAngle = 2 * Math.PI / length;
+  var eachAngle = (2 * Math.PI) / length;
   var CoordinateSeries = [];
   for (var i = 0; i < length; i++) {
     CoordinateSeries.push(eachAngle * i);
   }
 
-  return CoordinateSeries.map(function(item) {
+  return CoordinateSeries.map(function (item) {
     return -1 * item + Math.PI / 2;
   });
 }
@@ -493,7 +494,7 @@ function getRadarCoordinateSeries(length) {
 function getToolTipData(seriesData, calPoints, index, categories) {
   var option = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
 
-  var textList = seriesData.map(function(item) {
+  var textList = seriesData.map(function (item) {
     return {
       text: option.format ? option.format(item, categories[index]) : item.name + ': ' + item.data,
       color: item.color
@@ -524,14 +525,14 @@ function getToolTipData(seriesData, calPoints, index, categories) {
 
 function getMixToolTipData(seriesData, calPoints, index, categories) {
   var option = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-  var textList = seriesData.map(function(item) {
+  var textList = seriesData.map(function (item) {
     return {
       text: option.format ? option.format(item, categories[index]) : item.name + ': ' + item.data,
       color: item.color,
       disableLegend: item.disableLegend ? true : false
     };
   });
-  textList = textList.filter(function(item) {
+  textList = textList.filter(function (item) {
     if (item.disableLegend !== true) {
       return item;
     }
@@ -571,7 +572,7 @@ function getCandleToolTipData(series, seriesData, calPoints, index, categories,
     color: null
   };
   textList.push(text0);
-  seriesData.map(function(item) {
+  seriesData.map(function (item) {
     if (index == 0 && item.data[1] - item.data[0] < 0) {
       color[1] = downColor;
     } else {
@@ -628,7 +629,7 @@ function filterSeries(series) {
   let tempSeries = [];
   for (let i = 0; i < series.length; i++) {
     if (series[i].show == true) {
-      tempSeries.push(series[i])
+      tempSeries.push(series[i]);
     }
   }
   return tempSeries;
@@ -638,11 +639,11 @@ function findCurrentIndex(currentPoints, xAxisPoints, opts, config) {
   var offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
   var currentIndex = -1;
   var spacing = 0;
-  if((opts.type=='line' || opts.type=='area') && opts.xAxis.boundaryGap=='justify'){
-    spacing = opts.chartData.eachSpacing/2;
+  if ((opts.type == 'line' || opts.type == 'area') && opts.xAxis.boundaryGap == 'justify') {
+    spacing = opts.chartData.eachSpacing / 2;
   }
   if (isInExactChartArea(currentPoints, opts, config)) {
-    xAxisPoints.forEach(function(item, index) {
+    xAxisPoints.forEach(function (item, index) {
       if (currentPoints.x + offset + spacing > item) {
         currentIndex = index;
       }
@@ -673,16 +674,25 @@ function findLegendIndex(currentPoints, legendData, opts) {
 }
 
 function isInExactLegendArea(currentPoints, area) {
-  return currentPoints.x > area.start.x && currentPoints.x < area.end.x && currentPoints.y > area.start.y &&
-    currentPoints.y < area.end.y;
+  return (
+    currentPoints.x > area.start.x &&
+    currentPoints.x < area.end.x &&
+    currentPoints.y > area.start.y &&
+    currentPoints.y < area.end.y
+  );
 }
 
 function isInExactChartArea(currentPoints, opts, config) {
-  return currentPoints.x < opts.width - opts.area[1] + 10 && currentPoints.x > opts.area[3] -10 && currentPoints.y > opts.area[0] && currentPoints.y < opts.height - opts.area[2];
+  return (
+    currentPoints.x < opts.width - opts.area[1] + 10 &&
+    currentPoints.x > opts.area[3] - 10 &&
+    currentPoints.y > opts.area[0] &&
+    currentPoints.y < opts.height - opts.area[2]
+  );
 }
 
 function findRadarChartCurrentIndex(currentPoints, radarData, count) {
-  var eachAngleArea = 2 * Math.PI / count;
+  var eachAngleArea = (2 * Math.PI) / count;
   var currentIndex = -1;
   if (isInExactPieChartArea(currentPoints, radarData.center, radarData.radius)) {
     var fixAngle = function fixAngle(angle) {
@@ -701,20 +711,19 @@ function findRadarChartCurrentIndex(currentPoints, radarData, count) {
       angle += 2 * Math.PI;
     }
 
-    var angleList = radarData.angleList.map(function(item) {
+    var angleList = radarData.angleList.map(function (item) {
       item = fixAngle(-1 * item);
 
       return item;
     });
 
-    angleList.forEach(function(item, index) {
+    angleList.forEach(function (item, index) {
       var rangeStart = fixAngle(item - eachAngleArea / 2);
       var rangeEnd = fixAngle(item + eachAngleArea / 2);
       if (rangeEnd < rangeStart) {
         rangeEnd += 2 * Math.PI;
       }
-      if (angle >= rangeStart && angle <= rangeEnd || angle + 2 * Math.PI >= rangeStart && angle + 2 * Math.PI <=
-        rangeEnd) {
+      if ((angle >= rangeStart && angle <= rangeEnd) || (angle + 2 * Math.PI >= rangeStart && angle + 2 * Math.PI <= rangeEnd)) {
         currentIndex = index;
       }
     });
@@ -727,7 +736,12 @@ function findFunnelChartCurrentIndex(currentPoints, funnelData) {
   var currentIndex = -1;
   for (var i = 0, len = funnelData.series.length; i < len; i++) {
     var item = funnelData.series[i];
-    if (currentPoints.x > item.funnelArea[0] && currentPoints.x < item.funnelArea[2] && currentPoints.y > item.funnelArea[1] && currentPoints.y < item.funnelArea[3]) {
+    if (
+      currentPoints.x > item.funnelArea[0] &&
+      currentPoints.x < item.funnelArea[2] &&
+      currentPoints.y > item.funnelArea[1] &&
+      currentPoints.y < item.funnelArea[3]
+    ) {
       currentIndex = i;
       break;
     }
@@ -739,7 +753,12 @@ function findWordChartCurrentIndex(currentPoints, wordData) {
   var currentIndex = -1;
   for (var i = 0, len = wordData.length; i < len; i++) {
     var item = wordData[i];
-    if (currentPoints.x > item.area[0] && currentPoints.x < item.area[2] && currentPoints.y > item.area[1] && currentPoints.y < item.area[3]) {
+    if (
+      currentPoints.x > item.area[0] &&
+      currentPoints.x < item.area[2] &&
+      currentPoints.y > item.area[1] &&
+      currentPoints.y < item.area[3]
+    ) {
       currentIndex = i;
       break;
     }
@@ -749,13 +768,13 @@ function findWordChartCurrentIndex(currentPoints, wordData) {
 
 function findMapChartCurrentIndex(currentPoints, opts) {
   var currentIndex = -1;
-  var cData=opts.chartData.mapData;
-  var data=opts.series;
-  var tmp=pointToCoordinate(currentPoints.y, currentPoints.x,cData.bounds,cData.scale,cData.xoffset,cData.yoffset);
-  var poi=[tmp.x, tmp.y];
+  var cData = opts.chartData.mapData;
+  var data = opts.series;
+  var tmp = pointToCoordinate(currentPoints.y, currentPoints.x, cData.bounds, cData.scale, cData.xoffset, cData.yoffset);
+  var poi = [tmp.x, tmp.y];
   for (var i = 0, len = data.length; i < len; i++) {
     var item = data[i].geometry.coordinates;
-    if(isPoiWithinPoly(poi,item)){
+    if (isPoiWithinPoly(poi, item)) {
       currentIndex = i;
       break;
     }
@@ -787,7 +806,7 @@ function isInExactPieChartArea(currentPoints, center, radius) {
 function splitPoints(points) {
   var newPoints = [];
   var items = [];
-  points.forEach(function(item, index) {
+  points.forEach(function (item, index) {
     if (item !== null) {
       items.push(item);
     } else {
@@ -896,7 +915,7 @@ function calLegendData(series, opts, config, chartData) {
         legendData.area.start.y = (opts.height - legendData.area.height) / 2;
         legendData.area.end.y = (opts.height + legendData.area.height) / 2;
     }
-    let lineNum = len % maxLength === 0 ? len / maxLength : Math.floor((len / maxLength) + 1);
+    let lineNum = len % maxLength === 0 ? len / maxLength : Math.floor(len / maxLength + 1);
     let currentRow = [];
     for (let i = 0; i < lineNum; i++) {
       let temp = series.slice(i * maxLength, i * maxLength + maxLength);
@@ -918,7 +937,7 @@ function calLegendData(series, opts, config, chartData) {
         legendData.widthArr.push(maxWidth);
         legendData.heightArr.push(item.length * lineHeight + padding * 2);
       }
-      let legendWidth = 0
+      let legendWidth = 0;
       for (let i = 0; i < legendData.widthArr.length; i++) {
         legendWidth += legendData.widthArr[i];
       }
@@ -954,13 +973,13 @@ function calCategoriesData(categories, opts, config, eachSpacing) {
     angle: 0,
     xAxisHeight: config.xAxisHeight
   };
-  var categoriesTextLenth = categories.map(function(item) {
+  var categoriesTextLenth = categories.map(function (item) {
     return measureText(item);
   });
   var maxTextLength = Math.max.apply(this, categoriesTextLenth);
 
   if (opts.xAxis.rotateLabel == true && maxTextLength + 2 * config.xAxisTextPadding > eachSpacing) {
-    result.angle = 45 * Math.PI / 180;
+    result.angle = (45 * Math.PI) / 180;
     result.xAxisHeight = 2 * config.xAxisTextPadding + maxTextLength * Math.sin(result.angle);
   }
   return result;
@@ -979,13 +998,16 @@ function getRadarDataPoints(angleList, center, radius, series, opts) {
     let listItem = {};
     listItem.color = each.color;
     listItem.data = [];
-    each.data.forEach(function(item, index) {
+    each.data.forEach(function (item, index) {
       let tmp = {};
       tmp.angle = angleList[index];
 
       tmp.proportion = item / maxData;
-      tmp.position = convertCoordinateOrigin(radius * tmp.proportion * process * Math.cos(tmp.angle), radius * tmp.proportion *
-        process * Math.sin(tmp.angle), center);
+      tmp.position = convertCoordinateOrigin(
+        radius * tmp.proportion * process * Math.cos(tmp.angle),
+        radius * tmp.proportion * process * Math.sin(tmp.angle),
+        center
+      );
       listItem.data.push(tmp);
     });
 
@@ -1009,9 +1031,9 @@ function getPieDataPoints(series, radius) {
     let item = series[i];
     item.data = item.data === null ? 0 : item.data;
     if (count === 0) {
-      item._proportion_ = 1 / series.length * process;
+      item._proportion_ = (1 / series.length) * process;
     } else {
-      item._proportion_ = item.data / count * process;
+      item._proportion_ = (item.data / count) * process;
     }
     item._radius_ = radius;
   }
@@ -1026,10 +1048,12 @@ function getPieDataPoints(series, radius) {
 
 function getFunnelDataPoints(series, radius) {
   var process = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  series = series.sort(function(a,b){return parseInt(b.data)-parseInt(a.data);});
+  series = series.sort(function (a, b) {
+    return parseInt(b.data) - parseInt(a.data);
+  });
   for (let i = 0; i < series.length; i++) {
-    series[i].radius = series[i].data/series[0].data*radius*process;
-    series[i]._proportion_ = series[i].data/series[0].data;
+    series[i].radius = (series[i].data / series[0].data) * radius * process;
+    series[i]._proportion_ = series[i].data / series[0].data;
   }
   return series.reverse();
 }
@@ -1055,11 +1079,11 @@ function getRoseDataPoints(series, type, minRadius, radius) {
     let item = series[i];
     item.data = item.data === null ? 0 : item.data;
     if (count === 0 || type == 'area') {
-      item._proportion_ = item.data / count * process;
-      item._rose_proportion_ = 1 / series.length * process;
+      item._proportion_ = (item.data / count) * process;
+      item._rose_proportion_ = (1 / series.length) * process;
     } else {
-      item._proportion_ = item.data / count * process;
-      item._rose_proportion_ = item.data / count * process;
+      item._proportion_ = (item.data / count) * process;
+      item._rose_proportion_ = (item.data / count) * process;
     }
     item._radius_ = minRadius + radiusLength * ((item.data - minData) / (maxData - minData));
   }
@@ -1084,7 +1108,7 @@ function getArcbarDataPoints(series, arcbarOption) {
     if (arcbarOption.type == 'default') {
       if (arcbarOption.endAngle < arcbarOption.startAngle) {
         totalAngle = 2 + arcbarOption.endAngle - arcbarOption.startAngle;
-      } else{
+      } else {
         totalAngle = arcbarOption.startAngle - arcbarOption.endAngle;
       }
     } else {
@@ -1159,7 +1183,7 @@ function getPieTextMaxLength(series) {
 }
 
 function fixColumeData(points, eachSpacing, columnLen, index, config, opts) {
-  return points.map(function(item) {
+  return points.map(function (item) {
     if (item === null) {
       return null;
     }
@@ -1177,7 +1201,7 @@ function fixColumeData(points, eachSpacing, columnLen, index, config, opts) {
 }
 
 function fixColumeMeterData(points, eachSpacing, columnLen, index, config, opts, border) {
-  return points.map(function(item) {
+  return points.map(function (item) {
     if (item === null) {
       return null;
     }
@@ -1195,9 +1219,7 @@ function fixColumeMeterData(points, eachSpacing, columnLen, index, config, opts,
 }
 
 function fixColumeStackData(points, eachSpacing, columnLen, index, config, opts, series) {
-
-  return points.map(function(item, indexn) {
-
+  return points.map(function (item, indexn) {
     if (item === null) {
       return null;
     }
@@ -1214,18 +1236,18 @@ function getXAxisPoints(categories, opts, config) {
   var yAxisTotalWidth = config.yAxisWidth + config.yAxisTitleWidth;
   var spacingValid = opts.width - opts.area[1] - opts.area[3];
   var dataCount = opts.enableScroll ? Math.min(opts.xAxis.itemCount, categories.length) : categories.length;
-  if((opts.type=='line' || opts.type=='area') && dataCount>1 && opts.xAxis.boundaryGap=='justify'){
-    dataCount -=1;
+  if ((opts.type == 'line' || opts.type == 'area') && dataCount > 1 && opts.xAxis.boundaryGap == 'justify') {
+    dataCount -= 1;
   }
   var eachSpacing = spacingValid / dataCount;
 
   var xAxisPoints = [];
   var startX = opts.area[3];
   var endX = opts.width - opts.area[1];
-  categories.forEach(function(item, index) {
+  categories.forEach(function (item, index) {
     xAxisPoints.push(startX + index * eachSpacing);
   });
-  if(opts.xAxis.boundaryGap !=='justify'){
+  if (opts.xAxis.boundaryGap !== 'justify') {
     if (opts.enableScroll === true) {
       xAxisPoints.push(startX + categories.length * eachSpacing);
     } else {
@@ -1244,16 +1266,16 @@ function getCandleDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing,
   var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1;
   var points = [];
   var validHeight = opts.height - opts.area[0] - opts.area[2];
-  data.forEach(function(item, index) {
+  data.forEach(function (item, index) {
     if (item === null) {
       points.push(null);
     } else {
       var cPoints = [];
-      item.forEach(function(items, indexs) {
+      item.forEach(function (items, indexs) {
         var point = {};
         point.x = xAxisPoints[index] + Math.round(eachSpacing / 2);
         var value = items.value || items;
-        var height = validHeight * (value - minRange) / (maxRange - minRange);
+        var height = (validHeight * (value - minRange)) / (maxRange - minRange);
         height *= process;
         point.y = opts.height - Math.round(height) - opts.area[2];
         cPoints.push(point);
@@ -1267,27 +1289,27 @@ function getCandleDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing,
 
 function getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config) {
   var process = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1;
-  var boundaryGap='center';
-  if (opts.type == 'line'||opts.type == 'area'){
-    boundaryGap=opts.xAxis.boundaryGap;
+  var boundaryGap = 'center';
+  if (opts.type == 'line' || opts.type == 'area') {
+    boundaryGap = opts.xAxis.boundaryGap;
   }
   var points = [];
   var validHeight = opts.height - opts.area[0] - opts.area[2];
-  data.forEach(function(item, index) {
+  data.forEach(function (item, index) {
     if (item === null) {
       points.push(null);
     } else {
       var point = {};
       point.color = item.color;
       point.x = xAxisPoints[index];
-      if(boundaryGap=='center'){
+      if (boundaryGap == 'center') {
         point.x += Math.round(eachSpacing / 2);
       }
       var value = item;
       if (typeof item === 'object' && item !== null) {
-        value = item.value
+        value = item.value;
       }
-      var height = validHeight * (value - minRange) / (maxRange - minRange);
+      var height = (validHeight * (value - minRange)) / (maxRange - minRange);
       height *= process;
       point.y = opts.height - Math.round(height) - opts.area[2];
       points.push(point);
@@ -1302,7 +1324,7 @@ function getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing,
   var points = [];
   var validHeight = opts.height - opts.area[0] - opts.area[2];
 
-  data.forEach(function(item, index) {
+  data.forEach(function (item, index) {
     if (item === null) {
       points.push(null);
     } else {
@@ -1316,11 +1338,11 @@ function getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing,
           value += stackSeries[i].data[index];
         }
         var value0 = value - item;
-        var height = validHeight * (value - minRange) / (maxRange - minRange);
-        var height0 = validHeight * (value0 - minRange) / (maxRange - minRange);
+        var height = (validHeight * (value - minRange)) / (maxRange - minRange);
+        var height0 = (validHeight * (value0 - minRange)) / (maxRange - minRange);
       } else {
         var value = item;
-        var height = validHeight * (value - minRange) / (maxRange - minRange);
+        var height = (validHeight * (value - minRange)) / (maxRange - minRange);
         var height0 = 0;
       }
       var heightc = height0;
@@ -1344,7 +1366,7 @@ function getYAxisTextList(series, opts, config, stack) {
   }
   var sorted = [];
   // remove null from data
-  data = data.filter(function(item) {
+  data = data.filter(function (item) {
     //return item !== null;
     if (typeof item === 'object' && item !== null) {
       if (Array.isArray(item)) {
@@ -1356,19 +1378,19 @@ function getYAxisTextList(series, opts, config, stack) {
       return item !== null;
     }
   });
-  data.map(function(item) {
+  data.map(function (item) {
     if (typeof item === 'object') {
       if (Array.isArray(item)) {
-        item.map(function(subitem) {
+        item.map(function (subitem) {
           sorted.push(subitem);
-        })
+        });
       } else {
         sorted.push(item.value);
       }
     } else {
       sorted.push(item);
     }
-  })
+  });
   var minData = 0;
   var maxData = 0;
   if (sorted.length > 0) {
@@ -1402,13 +1424,17 @@ function getYAxisTextList(series, opts, config, stack) {
 
 function calYAxisData(series, opts, config) {
   //堆叠图重算Y轴
-  var columnstyle = assign({}, {
-    type: ""
-  }, opts.extra.column);
+  var columnstyle = assign(
+    {},
+    {
+      type: ''
+    },
+    opts.extra.column
+  );
   var ranges = getYAxisTextList(series, opts, config, columnstyle.type);
   var yAxisWidth = config.yAxisWidth;
   var yAxisFontSize = opts.yAxis.fontSize || config.fontSize;
-  var rangesFormat = ranges.map(function(item) {
+  var rangesFormat = ranges.map(function (item) {
     item = util.toFixed(item, 6);
     item = opts.yAxis.format ? opts.yAxis.format(Number(item)) : item;
     yAxisWidth = Math.max(yAxisWidth, measureText(item, yAxisFontSize) + 5);
@@ -1432,7 +1458,7 @@ function calTooltipYAxisData(point, series, opts, config, eachSpacing) {
   let minVal = ranges[ranges.length - 1];
   let minAxis = opts.padding[3];
   let maxAxis = opts.padding[1] + spacingValid;
-  let item = maxVal - (maxVal - minVal) * (point - minAxis) / (maxAxis - minAxis);
+  let item = maxVal - ((maxVal - minVal) * (point - minAxis)) / (maxAxis - minAxis);
   item = opts.yAxis.format ? opts.yAxis.format(Number(item)) : item;
   return item;
 }
@@ -1440,7 +1466,7 @@ function calTooltipYAxisData(point, series, opts, config, eachSpacing) {
 function calMarkLineData(minRange, maxRange, points, opts) {
   let spacingValid = opts.height - opts.area[0] - opts.area[2];
   for (let i = 0; i < points.length; i++) {
-    let height = spacingValid * (points[i].value - minRange) / (maxRange - minRange);
+    let height = (spacingValid * (points[i].value - minRange)) / (maxRange - minRange);
     points[i].y = opts.height - Math.round(height) - opts.area[2];
   }
   return points;
@@ -1449,21 +1475,21 @@ function calMarkLineData(minRange, maxRange, points, opts) {
 function contextRotate(context, opts) {
   if (opts.rotateLock !== true) {
     context.translate(opts.height, 0);
-    context.rotate(90 * Math.PI / 180);
+    context.rotate((90 * Math.PI) / 180);
   } else if (opts._rotate_ !== true) {
     context.translate(opts.height, 0);
-    context.rotate(90 * Math.PI / 180);
+    context.rotate((90 * Math.PI) / 180);
     opts._rotate_ = true;
   }
 }
 
 function drawPointShape(points, color, shape, context, opts) {
   context.beginPath();
-  context.setStrokeStyle("#ffffff");
+  context.setStrokeStyle('#ffffff');
   context.setLineWidth(1 * opts.pixelRatio);
   context.setFillStyle(color);
   if (shape === 'diamond') {
-    points.forEach(function(item, index) {
+    points.forEach(function (item, index) {
       if (item !== null) {
         context.moveTo(item.x, item.y - 4.5);
         context.lineTo(item.x - 4.5, item.y);
@@ -1473,21 +1499,21 @@ function drawPointShape(points, color, shape, context, opts) {
       }
     });
   } else if (shape === 'circle') {
-    points.forEach(function(item, index) {
+    points.forEach(function (item, index) {
       if (item !== null) {
         context.moveTo(item.x + 3.5 * opts.pixelRatio, item.y);
         context.arc(item.x, item.y, 4 * opts.pixelRatio, 0, 2 * Math.PI, false);
       }
     });
   } else if (shape === 'rect') {
-    points.forEach(function(item, index) {
+    points.forEach(function (item, index) {
       if (item !== null) {
         context.moveTo(item.x - 3.5, item.y - 3.5);
         context.rect(item.x - 3.5, item.y - 3.5, 7, 7);
       }
     });
   } else if (shape === 'triangle') {
-    points.forEach(function(item, index) {
+    points.forEach(function (item, index) {
       if (item !== null) {
         context.moveTo(item.x, item.y - 4.5);
         context.lineTo(item.x - 4.5, item.y + 4.5);
@@ -1545,24 +1571,22 @@ function drawRingTitle(opts, config, context, center) {
 function drawPointText(points, series, config, context) {
   // 绘制数据文案
   var data = series.data;
-  points.forEach(function(item, index) {
+  points.forEach(function (item, index) {
     if (item !== null) {
       //var formatVal = series.format ? series.format(data[index]) : data[index];
       context.beginPath();
       context.setFontSize(series.textSize || config.fontSize);
       context.setFillStyle(series.textColor || '#666666');
-      var value = data[index]
+      var value = data[index];
       if (typeof data[index] === 'object' && data[index] !== null) {
-        value = data[index].value
+        value = data[index].value;
       }
       var formatVal = series.format ? series.format(value) : value;
-      context.fillText(String(formatVal), item.x - measureText(formatVal, series.textSize || config.fontSize) / 2, item.y -
-        2);
+      context.fillText(String(formatVal), item.x - measureText(formatVal, series.textSize || config.fontSize) / 2, item.y - 2);
       context.closePath();
       context.stroke();
     }
   });
-
 }
 
 function drawGaugeLabel(gaugeOption, radius, centerPosition, opts, config, context) {
@@ -1597,14 +1621,13 @@ function drawGaugeLabel(gaugeOption, radius, centerPosition, opts, config, conte
     }
     nowNumber += splitNumber;
   }
-
 }
 
 function drawRadarLabel(angleList, radius, centerPosition, opts, config, context) {
   var radarOption = opts.extra.radar || {};
   radius += config.radarLabelTextMargin;
 
-  angleList.forEach(function(angle, index) {
+  angleList.forEach(function (angle, index) {
     var pos = {
       x: radius * Math.cos(angle),
       y: radius * Math.sin(angle)
@@ -1624,7 +1647,6 @@ function drawRadarLabel(angleList, radius, centerPosition, opts, config, context
     context.closePath();
     context.stroke();
   });
-
 }
 
 function drawPieText(series, opts, config, context, radius, center) {
@@ -1632,10 +1654,10 @@ function drawPieText(series, opts, config, context, radius, center) {
   var textObjectCollection = [];
   var lastTextObject = null;
 
-  var seriesConvert = series.map(function(item) {
-    var text = item.format ? item.format(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_.toFixed(4) * 100) +'%';
-    if(item._rose_proportion_) item._proportion_=item._rose_proportion_;
-    var arc = 2 * Math.PI - (item._start_ + 2 * Math.PI * item._proportion_ / 2);
+  var seriesConvert = series.map(function (item) {
+    var text = item.format ? item.format(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_.toFixed(4) * 100) + '%';
+    if (item._rose_proportion_) item._proportion_ = item._rose_proportion_;
+    var arc = 2 * Math.PI - (item._start_ + (2 * Math.PI * item._proportion_) / 2);
     var color = item.color;
     var radius = item._radius_;
     return {
@@ -1644,7 +1666,7 @@ function drawPieText(series, opts, config, context, radius, center) {
       color: color,
       radius: radius,
       textColor: item.textColor,
-      textSize: item.textSize,
+      textSize: item.textSize
     };
   });
   for (let i = 0; i < seriesConvert.length; i++) {
@@ -1663,9 +1685,12 @@ function drawPieText(series, opts, config, context, radius, center) {
     let textWidth = measureText(item.text);
     let startY = orginY3;
 
-    if (lastTextObject && util.isSameXCoordinateArea(lastTextObject.start, {
+    if (
+      lastTextObject &&
+      util.isSameXCoordinateArea(lastTextObject.start, {
         x: orginX3
-      })) {
+      })
+    ) {
       if (orginX3 > 0) {
         startY = Math.min(orginY3, lastTextObject.start.y);
       } else if (orginX1 < 0) {
@@ -1764,10 +1789,17 @@ function drawToolTipSplitLine(offsetX, opts, config, context) {
     let textX = offsetX - 0.5 * textWidth;
     let textY = endY;
     context.beginPath();
-    context.setFillStyle(hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity || config.toolTipOpacity));
+    context.setFillStyle(
+      hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity || config.toolTipOpacity)
+    );
     context.setStrokeStyle(toolTipOption.labelBgColor || config.toolTipBackground);
     context.setLineWidth(1 * opts.pixelRatio);
-    context.rect(textX - config.toolTipPadding, textY, textWidth + 2 * config.toolTipPadding, config.fontSize + 2 * config.toolTipPadding);
+    context.rect(
+      textX - config.toolTipPadding,
+      textY,
+      textWidth + 2 * config.toolTipPadding,
+      config.fontSize + 2 * config.toolTipPadding
+    );
     context.closePath();
     context.stroke();
     context.fill();
@@ -1782,24 +1814,32 @@ function drawToolTipSplitLine(offsetX, opts, config, context) {
 }
 
 function drawMarkLine(minRange, maxRange, opts, config, context) {
-  let markLineOption = assign({}, {
-    type: 'solid',
-    dashLength: 4,
-    data: []
-  }, opts.extra.markLine);
+  let markLineOption = assign(
+    {},
+    {
+      type: 'solid',
+      dashLength: 4,
+      data: []
+    },
+    opts.extra.markLine
+  );
   let startX = opts.area[3];
   let endX = opts.width - opts.padding[1];
   let points = calMarkLineData(minRange, maxRange, markLineOption.data, opts);
 
   for (let i = 0; i < points.length; i++) {
-    let item = assign({}, {
-      lineColor: '#DE4A42',
-      showLabel: false,
-      labelFontColor: '#666666',
-      labelBgColor: '#DFE8FF',
-      labelBgOpacity: 0.8,
-      yAxisIndex: 0
-    }, points[i]);
+    let item = assign(
+      {},
+      {
+        lineColor: '#DE4A42',
+        showLabel: false,
+        labelFontColor: '#666666',
+        labelBgColor: '#DFE8FF',
+        labelBgOpacity: 0.8,
+        yAxisIndex: 0
+      },
+      points[i]
+    );
 
     if (markLineOption.type == 'dash') {
       context.setLineDash([markLineOption.dashLength, markLineOption.dashLength]);
@@ -1825,7 +1865,12 @@ function drawMarkLine(minRange, maxRange, opts, config, context) {
       context.setStrokeStyle(item.labelBgColor);
       context.setLineWidth(1 * opts.pixelRatio);
       context.beginPath();
-      context.rect(bgStartX, textY - 0.5 * config.fontSize - config.toolTipPadding, bgWidth, config.fontSize + 2 * config.toolTipPadding);
+      context.rect(
+        bgStartX,
+        textY - 0.5 * config.fontSize - config.toolTipPadding,
+        bgWidth,
+        config.fontSize + 2 * config.toolTipPadding
+      );
       context.closePath();
       context.stroke();
       context.fill();
@@ -1840,10 +1885,14 @@ function drawMarkLine(minRange, maxRange, opts, config, context) {
 }
 
 function drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoints) {
-  var toolTipOption = assign({}, {
-    gridType: 'solid',
-    dashLength: 4
-  }, opts.extra.tooltip);
+  var toolTipOption = assign(
+    {},
+    {
+      gridType: 'solid',
+      dashLength: 4
+    },
+    opts.extra.tooltip
+  );
 
   var startX = opts.area[3];
   var endX = opts.width - opts.padding[1];
@@ -1870,10 +1919,17 @@ function drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoin
     let textX = bgStartX + (bgWidth - textWidth) / 2;
     let textY = opts.tooltip.offset.y;
     context.beginPath();
-    context.setFillStyle(hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity || config.toolTipOpacity));
+    context.setFillStyle(
+      hexToRgb(toolTipOption.labelBgColor || config.toolTipBackground, toolTipOption.labelBgOpacity || config.toolTipOpacity)
+    );
     context.setStrokeStyle(toolTipOption.labelBgColor || config.toolTipBackground);
     context.setLineWidth(1 * opts.pixelRatio);
-    context.rect(bgStartX, textY - 0.5 * config.fontSize - config.toolTipPadding, bgWidth, config.fontSize + 2 * config.toolTipPadding);
+    context.rect(
+      bgStartX,
+      textY - 0.5 * config.fontSize - config.toolTipPadding,
+      bgWidth,
+      config.fontSize + 2 * config.toolTipPadding
+    );
     context.closePath();
     context.stroke();
     context.fill();
@@ -1888,10 +1944,14 @@ function drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoin
 }
 
 function drawToolTipSplitArea(offsetX, opts, config, context, eachSpacing) {
-  var toolTipOption = assign({}, {
-    activeBgColor: '#000000',
-    activeBgOpacity: 0.08
-  }, opts.extra.tooltip);
+  var toolTipOption = assign(
+    {},
+    {
+      activeBgColor: '#000000',
+      activeBgOpacity: 0.08
+    },
+    opts.extra.tooltip
+  );
   var startY = opts.area[0];
   var endY = opts.height - opts.area[2];
   context.beginPath();
@@ -1902,11 +1962,15 @@ function drawToolTipSplitArea(offsetX, opts, config, context, eachSpacing) {
 }
 
 function drawToolTip(textList, offset, opts, config, context, eachSpacing, xAxisPoints) {
-  var toolTipOption = assign({}, {
-    bgColor: '#000000',
-    bgOpacity: 0.7,
-    fontColor: '#FFFFFF'
-  }, opts.extra.tooltip);
+  var toolTipOption = assign(
+    {},
+    {
+      bgColor: '#000000',
+      bgOpacity: 0.7,
+      fontColor: '#FFFFFF'
+    },
+    opts.extra.tooltip
+  );
   var legendWidth = 4 * opts.pixelRatio;
   var legendMarginRight = 5 * opts.pixelRatio;
   var arrowWidth = 8 * opts.pixelRatio;
@@ -1915,12 +1979,15 @@ function drawToolTip(textList, offset, opts, config, context, eachSpacing, xAxis
     drawToolTipSplitLine(opts.tooltip.offset.x, opts, config, context);
   }
 
-  offset = assign({
-    x: 0,
-    y: 0
-  }, offset);
+  offset = assign(
+    {
+      x: 0,
+      y: 0
+    },
+    offset
+  );
   offset.y -= 8 * opts.pixelRatio;
-  var textWidth = textList.map(function(item) {
+  var textWidth = textList.map(function (item) {
     return measureText(item.text, config.fontSize);
   });
   var toolTipWidth = legendWidth + legendMarginRight + 4 * config.toolTipPadding + Math.max.apply(null, textWidth);
@@ -1935,7 +2002,9 @@ function drawToolTip(textList, offset, opts, config, context, eachSpacing, xAxis
   }
   // draw background rect
   context.beginPath();
-  context.setFillStyle(hexToRgb(toolTipOption.bgColor || config.toolTipBackground, toolTipOption.bgOpacity || config.toolTipOpacity));
+  context.setFillStyle(
+    hexToRgb(toolTipOption.bgColor || config.toolTipBackground, toolTipOption.bgOpacity || config.toolTipOpacity)
+  );
   if (isOverRightBorder) {
     context.moveTo(offset.x, offset.y + 10 * opts.pixelRatio);
     context.lineTo(offset.x - arrowWidth, offset.y + 10 * opts.pixelRatio - 5 * opts.pixelRatio);
@@ -1960,13 +2029,17 @@ function drawToolTip(textList, offset, opts, config, context, eachSpacing, xAxis
   context.fill();
 
   // draw legend
-  textList.forEach(function(item, index) {
+  textList.forEach(function (item, index) {
     if (item.color !== null) {
       context.beginPath();
       context.setFillStyle(item.color);
       var startX = offset.x + arrowWidth + 2 * config.toolTipPadding;
-      var startY = offset.y + (config.toolTipLineHeight - config.fontSize) / 2 + config.toolTipLineHeight * index +
-        config.toolTipPadding + 1;
+      var startY =
+        offset.y +
+        (config.toolTipLineHeight - config.fontSize) / 2 +
+        config.toolTipLineHeight * index +
+        config.toolTipPadding +
+        1;
       if (isOverRightBorder) {
         startX = offset.x - toolTipWidth - arrowWidth + 2 * config.toolTipPadding;
       }
@@ -1977,13 +2050,13 @@ function drawToolTip(textList, offset, opts, config, context, eachSpacing, xAxis
 
   // draw text list
 
-  textList.forEach(function(item, index) {
+  textList.forEach(function (item, index) {
     var startX = offset.x + arrowWidth + 2 * config.toolTipPadding + legendWidth + legendMarginRight;
     if (isOverRightBorder) {
       startX = offset.x - toolTipWidth - arrowWidth + 2 * config.toolTipPadding + +legendWidth + legendMarginRight;
     }
-    var startY = offset.y + (config.toolTipLineHeight - config.fontSize) / 2 + config.toolTipLineHeight * index +
-      config.toolTipPadding;
+    var startY =
+      offset.y + (config.toolTipLineHeight - config.fontSize) / 2 + config.toolTipLineHeight * index + config.toolTipPadding;
     context.beginPath();
     context.setFontSize(config.fontSize);
     context.setFillStyle(toolTipOption.fontColor);
@@ -2000,7 +2073,7 @@ function drawYAxisTitle(title, opts, config, context) {
   context.setFontSize(config.fontSize);
   context.setFillStyle(opts.yAxis.titleFontColor || '#333333');
   context.translate(0, opts.height);
-  context.rotate(-90 * Math.PI / 180);
+  context.rotate((-90 * Math.PI) / 180);
   context.fillText(title, startX, opts.padding[3] + 0.5 * config.fontSize);
   context.closePath();
   context.stroke();
@@ -2013,14 +2086,18 @@ function drawColumnDataPoints(series, opts, config, context) {
   let xAxisData = opts.chartData.xAxisData,
     xAxisPoints = xAxisData.xAxisPoints,
     eachSpacing = xAxisData.eachSpacing;
-  let columnOption = assign({}, {
-    type: 'group',
-    width: eachSpacing / 2,
-    meter: {
-      border: 4,
-      fillColor: '#FFFFFF'
-    }
-  }, opts.extra.column);
+  let columnOption = assign(
+    {},
+    {
+      type: 'group',
+      width: eachSpacing / 2,
+      meter: {
+        border: 4,
+        fillColor: '#FFFFFF'
+      }
+    },
+    opts.extra.column
+  );
   let minRange = ranges.pop();
   let maxRange = ranges.shift();
   let calPoints = [];
@@ -2033,27 +2110,38 @@ function drawColumnDataPoints(series, opts, config, context) {
     drawToolTipSplitArea(opts.tooltip.offset.x, opts, config, context, eachSpacing);
   }
 
-  series.forEach(function(eachSeries, seriesIndex) {
+  series.forEach(function (eachSeries, seriesIndex) {
     var data = eachSeries.data;
     switch (columnOption.type) {
       case 'group':
         var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
-        var tooltipPoints = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, seriesIndex, series, process);
+        var tooltipPoints = getStackDataPoints(
+          data,
+          minRange,
+          maxRange,
+          xAxisPoints,
+          eachSpacing,
+          opts,
+          config,
+          seriesIndex,
+          series,
+          process
+        );
         calPoints.push(tooltipPoints);
         points = fixColumeData(points, eachSpacing, series.length, seriesIndex, config, opts);
-        points.forEach(function(item, index) {
+        points.forEach(function (item, index) {
           if (item !== null) {
             context.beginPath();
             context.setStrokeStyle(item.color || eachSeries.color);
-            context.setLineWidth(1)
+            context.setLineWidth(1);
             context.setFillStyle(item.color || eachSeries.color);
             var startX = item.x - item.width / 2;
             var height = opts.height - item.y - opts.area[2];
-            context.moveTo(startX-1, item.y);
-            context.lineTo(startX+item.width-2,item.y);
-            context.lineTo(startX+item.width-2,opts.height - opts.area[2]);
-            context.lineTo(startX,opts.height - opts.area[2]);
-            context.lineTo(startX,item.y);
+            context.moveTo(startX - 1, item.y);
+            context.lineTo(startX + item.width - 2, item.y);
+            context.lineTo(startX + item.width - 2, opts.height - opts.area[2]);
+            context.lineTo(startX, opts.height - opts.area[2]);
+            context.lineTo(startX, item.y);
             //context.rect(startX, item.y, item.width, height);
             context.closePath();
             context.stroke();
@@ -2063,13 +2151,22 @@ function drawColumnDataPoints(series, opts, config, context) {
         break;
       case 'stack':
         // 绘制堆叠数据图
-        var points = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config,
+        var points = getStackDataPoints(
+          data,
+          minRange,
+          maxRange,
+          xAxisPoints,
+          eachSpacing,
+          opts,
+          config,
           seriesIndex,
-          series, process);
+          series,
+          process
+        );
         calPoints.push(points);
         points = fixColumeStackData(points, eachSpacing, series.length, seriesIndex, config, opts, series);
 
-        points.forEach(function(item, index) {
+        points.forEach(function (item, index) {
           if (item !== null) {
             context.beginPath();
             context.setFillStyle(item.color || eachSeries.color);
@@ -2090,10 +2187,9 @@ function drawColumnDataPoints(series, opts, config, context) {
         // 绘制温度计数据图
         var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
         calPoints.push(points);
-        points = fixColumeMeterData(points, eachSpacing, series.length, seriesIndex, config, opts, columnOption.meter
-          .border);
+        points = fixColumeMeterData(points, eachSpacing, series.length, seriesIndex, config, opts, columnOption.meter.border);
         if (seriesIndex == 0) {
-          points.forEach(function(item, index) {
+          points.forEach(function (item, index) {
             if (item !== null) {
               //画背景颜色
               context.beginPath();
@@ -2118,7 +2214,7 @@ function drawColumnDataPoints(series, opts, config, context) {
             }
           });
         } else {
-          points.forEach(function(item, index) {
+          points.forEach(function (item, index) {
             if (item !== null) {
               context.beginPath();
               context.setFillStyle(item.color || eachSeries.color);
@@ -2136,7 +2232,7 @@ function drawColumnDataPoints(series, opts, config, context) {
   });
 
   if (opts.dataLabel !== false && process === 1) {
-    series.forEach(function(eachSeries, seriesIndex) {
+    series.forEach(function (eachSeries, seriesIndex) {
       var data = eachSeries.data;
       switch (columnOption.type) {
         case 'group':
@@ -2146,9 +2242,18 @@ function drawColumnDataPoints(series, opts, config, context) {
           drawPointText(points, eachSeries, config, context);
           break;
         case 'stack':
-          var points = getStackDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config,
+          var points = getStackDataPoints(
+            data,
+            minRange,
+            maxRange,
+            xAxisPoints,
+            eachSpacing,
+            opts,
+            config,
             seriesIndex,
-            series, process);
+            series,
+            process
+          );
           drawPointText(points, eachSeries, config, context);
           break;
         case 'meter':
@@ -2172,22 +2277,34 @@ function drawColumnDataPoints(series, opts, config, context) {
 
 function drawCandleDataPoints(series, seriesMA, opts, config, context) {
   var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
-  var candleOption = assign({}, {
-    color: {},
-    average: {}
-  }, opts.extra.candle);
-  candleOption.color = assign({}, {
-    upLine: '#f04864',
-    upFill: '#f04864',
-    downLine: '#2fc25b',
-    downFill: '#2fc25b'
-  }, candleOption.color);
-  candleOption.average = assign({}, {
-    show: false,
-    name: [],
-    day: [],
-    color: config.colors
-  }, candleOption.average);
+  var candleOption = assign(
+    {},
+    {
+      color: {},
+      average: {}
+    },
+    opts.extra.candle
+  );
+  candleOption.color = assign(
+    {},
+    {
+      upLine: '#f04864',
+      upFill: '#f04864',
+      downLine: '#2fc25b',
+      downFill: '#2fc25b'
+    },
+    candleOption.color
+  );
+  candleOption.average = assign(
+    {},
+    {
+      show: false,
+      name: [],
+      day: [],
+      color: config.colors
+    },
+    candleOption.average
+  );
   opts.extra.candle = candleOption;
 
   let ranges = [].concat(opts.chartData.yAxisData.ranges);
@@ -2205,13 +2322,13 @@ function drawCandleDataPoints(series, seriesMA, opts, config, context) {
   }
   //画均线
   if (candleOption.average.show) {
-    seriesMA.forEach(function(eachSeries, seriesIndex) {
+    seriesMA.forEach(function (eachSeries, seriesIndex) {
       var data = eachSeries.data;
       var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
       //calPoints.push(points);
       var splitPointList = splitPoints(points);
 
-      splitPointList.forEach(function(points, index) {
+      splitPointList.forEach(function (points, index) {
         context.beginPath();
         context.setStrokeStyle(eachSeries.color);
         context.setLineWidth(1);
@@ -2220,12 +2337,10 @@ function drawCandleDataPoints(series, seriesMA, opts, config, context) {
           context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI);
         } else {
           context.moveTo(points[0].x, points[0].y);
-          points.forEach(function(item, index) {
+          points.forEach(function (item, index) {
             if (index > 0) {
               var ctrlPoint = createCurveControlPoints(points, index - 1);
-              context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y,
-                item.x, item
-                .y);
+              context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y);
             }
           });
           context.moveTo(points[0].x, points[0].y);
@@ -2236,14 +2351,14 @@ function drawCandleDataPoints(series, seriesMA, opts, config, context) {
     });
   }
   //画K线
-  series.forEach(function(eachSeries, seriesIndex) {
+  series.forEach(function (eachSeries, seriesIndex) {
     var data = eachSeries.data;
     var points = getCandleDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
     calPoints.push(points);
     var splitPointList = splitPoints(points);
     splitPointList = splitPointList[0];
 
-    splitPointList.forEach(function(points, index) {
+    splitPointList.forEach(function (points, index) {
       context.beginPath();
       //如果上涨
       if (data[index][1] - data[index][0] > 0) {
@@ -2296,12 +2411,16 @@ function drawCandleDataPoints(series, seriesMA, opts, config, context) {
 
 function drawAreaDataPoints(series, opts, config, context) {
   var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  var areaOption = assign({},{
-    type: 'straight',
-    opacity: 0.2,
-    addLine: false,
-    width: 2
-  },opts.extra.area);
+  var areaOption = assign(
+    {},
+    {
+      type: 'straight',
+      opacity: 0.2,
+      addLine: false,
+      width: 2
+    },
+    opts.extra.area
+  );
 
   let ranges = [].concat(opts.chartData.yAxisData.ranges);
   let xAxisData = opts.chartData.xAxisData,
@@ -2318,7 +2437,7 @@ function drawAreaDataPoints(series, opts, config, context) {
     context.translate(opts._scrollDistance_, 0);
   }
 
-  series.forEach(function(eachSeries, seriesIndex) {
+  series.forEach(function (eachSeries, seriesIndex) {
     let data = eachSeries.data;
     let points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
     calPoints.push(points);
@@ -2338,14 +2457,14 @@ function drawAreaDataPoints(series, opts, config, context) {
 
         context.moveTo(firstPoint.x, firstPoint.y);
         if (areaOption.type === 'curve') {
-          points.forEach(function(item, index) {
+          points.forEach(function (item, index) {
             if (index > 0) {
               let ctrlPoint = createCurveControlPoints(points, index - 1);
-              context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y,item.x, item.y);
+              context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y);
             }
           });
         } else {
-          points.forEach(function(item, index) {
+          points.forEach(function (item, index) {
             if (index > 0) {
               context.lineTo(item.x, item.y);
             }
@@ -2377,14 +2496,14 @@ function drawAreaDataPoints(series, opts, config, context) {
         } else {
           context.moveTo(points[0].x, points[0].y);
           if (areaOption.type === 'curve') {
-            points.forEach(function(item, index) {
+            points.forEach(function (item, index) {
               if (index > 0) {
                 let ctrlPoint = createCurveControlPoints(points, index - 1);
-                context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y,item.x,item.y);
+                context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y);
               }
             });
           } else {
-            points.forEach(function(item, index) {
+            points.forEach(function (item, index) {
               if (index > 0) {
                 context.lineTo(item.x, item.y);
               }
@@ -2402,11 +2521,10 @@ function drawAreaDataPoints(series, opts, config, context) {
       var shape = config.dataPointShape[seriesIndex % config.dataPointShape.length];
       drawPointShape(points, eachSeries.color, shape, context, opts);
     }
-
   });
 
   if (opts.dataLabel !== false && process === 1) {
-    series.forEach(function(eachSeries, seriesIndex) {
+    series.forEach(function (eachSeries, seriesIndex) {
       var data = eachSeries.data;
       var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
       drawPointText(points, eachSeries, config, context);
@@ -2447,13 +2565,13 @@ function drawLineDataPoints(series, opts, config, context) {
     context.translate(opts._scrollDistance_, 0);
   }
 
-  series.forEach(function(eachSeries, seriesIndex) {
+  series.forEach(function (eachSeries, seriesIndex) {
     var data = eachSeries.data;
     var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
     calPoints.push(points);
     var splitPointList = splitPoints(points);
 
-    splitPointList.forEach(function(points, index) {
+    splitPointList.forEach(function (points, index) {
       context.beginPath();
       context.setStrokeStyle(eachSeries.color);
       context.setLineWidth(lineOption.width * opts.pixelRatio);
@@ -2463,16 +2581,14 @@ function drawLineDataPoints(series, opts, config, context) {
       } else {
         context.moveTo(points[0].x, points[0].y);
         if (lineOption.type === 'curve') {
-          points.forEach(function(item, index) {
+          points.forEach(function (item, index) {
             if (index > 0) {
               var ctrlPoint = createCurveControlPoints(points, index - 1);
-              context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y,
-                item.x, item
-                .y);
+              context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y);
             }
           });
         } else {
-          points.forEach(function(item, index) {
+          points.forEach(function (item, index) {
             if (index > 0) {
               context.lineTo(item.x, item.y);
             }
@@ -2491,7 +2607,7 @@ function drawLineDataPoints(series, opts, config, context) {
   });
 
   if (opts.dataLabel !== false && process === 1) {
-    series.forEach(function(eachSeries, seriesIndex) {
+    series.forEach(function (eachSeries, seriesIndex) {
       var data = eachSeries.data;
       var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
       drawPointText(points, eachSeries, config, context);
@@ -2523,7 +2639,7 @@ function drawMixDataPoints(series, opts, config, context) {
 
   var columnIndex = 0;
   var columnLength = 0;
-  series.forEach(function(eachSeries, seriesIndex) {
+  series.forEach(function (eachSeries, seriesIndex) {
     if (eachSeries.type == 'column') {
       columnLength += 1;
     }
@@ -2533,7 +2649,7 @@ function drawMixDataPoints(series, opts, config, context) {
     context.translate(opts._scrollDistance_, 0);
   }
 
-  series.forEach(function(eachSeries, seriesIndex) {
+  series.forEach(function (eachSeries, seriesIndex) {
     var data = eachSeries.data;
     var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
     calPoints.push(points);
@@ -2541,20 +2657,20 @@ function drawMixDataPoints(series, opts, config, context) {
     // 绘制柱状数据图
     if (eachSeries.type == 'column') {
       points = fixColumeData(points, eachSpacing, columnLength, columnIndex, config, opts);
-      points.forEach(function(item, index) {
+      points.forEach(function (item, index) {
         if (item !== null) {
           context.beginPath();
           context.setStrokeStyle(item.color || eachSeries.color);
-          context.setLineWidth(1)
+          context.setLineWidth(1);
           context.setFillStyle(item.color || eachSeries.color);
           var startX = item.x - item.width / 2;
           var height = opts.height - item.y - opts.area[2];
           context.moveTo(startX, item.y);
-          context.moveTo(startX-1, item.y);
-          context.lineTo(startX+item.width-2,item.y);
-          context.lineTo(startX+item.width-2,opts.height - opts.area[2]);
-          context.lineTo(startX,opts.height - opts.area[2]);
-          context.lineTo(startX,item.y);
+          context.moveTo(startX - 1, item.y);
+          context.lineTo(startX + item.width - 2, item.y);
+          context.lineTo(startX + item.width - 2, opts.height - opts.area[2]);
+          context.lineTo(startX, opts.height - opts.area[2]);
+          context.lineTo(startX, item.y);
           //context.rect(startX, item.y, item.width, height);
           context.closePath();
           context.stroke();
@@ -2582,14 +2698,14 @@ function drawMixDataPoints(series, opts, config, context) {
           let lastPoint = points[points.length - 1];
           context.moveTo(firstPoint.x, firstPoint.y);
           if (eachSeries.style === 'curve') {
-            points.forEach(function(item, index) {
+            points.forEach(function (item, index) {
               if (index > 0) {
                 var ctrlPoint = createCurveControlPoints(points, index - 1);
                 context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y);
               }
             });
           } else {
-            points.forEach(function(item, index) {
+            points.forEach(function (item, index) {
               if (index > 0) {
                 context.lineTo(item.x, item.y);
               }
@@ -2614,7 +2730,7 @@ function drawMixDataPoints(series, opts, config, context) {
     // 绘制折线数据图
     if (eachSeries.type == 'line') {
       var splitPointList = splitPoints(points);
-      splitPointList.forEach(function(points, index) {
+      splitPointList.forEach(function (points, index) {
         context.beginPath();
         context.setStrokeStyle(eachSeries.color);
         context.setLineWidth(2 * opts.pixelRatio);
@@ -2624,16 +2740,14 @@ function drawMixDataPoints(series, opts, config, context) {
         } else {
           context.moveTo(points[0].x, points[0].y);
           if (eachSeries.style == 'curve') {
-            points.forEach(function(item, index) {
+            points.forEach(function (item, index) {
               if (index > 0) {
                 var ctrlPoint = createCurveControlPoints(points, index - 1);
-                context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y,
-                  item.x,
-                  item.y);
+                context.bezierCurveTo(ctrlPoint.ctrA.x, ctrlPoint.ctrA.y, ctrlPoint.ctrB.x, ctrlPoint.ctrB.y, item.x, item.y);
               }
             });
           } else {
-            points.forEach(function(item, index) {
+            points.forEach(function (item, index) {
               if (index > 0) {
                 context.lineTo(item.x, item.y);
               }
@@ -2648,7 +2762,7 @@ function drawMixDataPoints(series, opts, config, context) {
 
     // 绘制点数据图
     if (eachSeries.type == 'point') {
-      points.forEach(function(pointsa, index) {
+      points.forEach(function (pointsa, index) {
         if (pointsa) {
           context.beginPath();
           context.setFillStyle(eachSeries.color);
@@ -2670,7 +2784,7 @@ function drawMixDataPoints(series, opts, config, context) {
   });
   if (opts.dataLabel !== false && process === 1) {
     var columnIndex = 0;
-    series.forEach(function(eachSeries, seriesIndex) {
+    series.forEach(function (eachSeries, seriesIndex) {
       var data = eachSeries.data;
       var points = getDataPoints(data, minRange, maxRange, xAxisPoints, eachSpacing, opts, config, process);
       if (eachSeries.type !== 'column') {
@@ -2680,7 +2794,6 @@ function drawMixDataPoints(series, opts, config, context) {
         drawPointText(points, eachSeries, config, context);
         columnIndex += 1;
       }
-
     });
   }
 
@@ -2697,8 +2810,13 @@ function drawMixDataPoints(series, opts, config, context) {
 
 function drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints) {
   var toolTipOption = opts.extra.tooltip || {};
-  if (toolTipOption.horizentalLine && opts.tooltip && process === 1 && (opts.type == 'line' || opts.type == 'area' || opts.type == 'column' || opts.type == 'candle' || opts.type == 'mix')) {
-    drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoints)
+  if (
+    toolTipOption.horizentalLine &&
+    opts.tooltip &&
+    process === 1 &&
+    (opts.type == 'line' || opts.type == 'area' || opts.type == 'column' || opts.type == 'candle' || opts.type == 'mix')
+  ) {
+    drawToolTipHorizentalLine(opts, config, context, eachSpacing, xAxisPoints);
   }
   context.save();
   if (opts._scrollDistance_ && opts._scrollDistance_ !== 0 && opts.enableScroll === true) {
@@ -2708,19 +2826,17 @@ function drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoi
     drawToolTip(opts.tooltip.textList, opts.tooltip.offset, opts, config, context, eachSpacing, xAxisPoints);
   }
   context.restore();
-
 }
 
 function drawXAxis(categories, opts, config, context) {
-
   let xAxisData = opts.chartData.xAxisData,
     xAxisPoints = xAxisData.xAxisPoints,
     startX = xAxisData.startX,
     endX = xAxisData.endX,
     eachSpacing = xAxisData.eachSpacing;
-  var boundaryGap='center';
-  if (opts.type == 'line'||opts.type == 'area'){
-    boundaryGap=opts.xAxis.boundaryGap;
+  var boundaryGap = 'center';
+  if (opts.type == 'line' || opts.type == 'area') {
+    boundaryGap = opts.xAxis.boundaryGap;
   }
   var startY = opts.height - opts.area[2];
   var endY = opts.area[0];
@@ -2730,15 +2846,15 @@ function drawXAxis(categories, opts, config, context) {
     var scrollY = opts.height - opts.area[2] + config.xAxisHeight;
     var scrollScreenWidth = endX - startX;
     var scrollTotalWidth = eachSpacing * (xAxisPoints.length - 1);
-    var scrollWidth = scrollScreenWidth * scrollScreenWidth / scrollTotalWidth;
+    var scrollWidth = (scrollScreenWidth * scrollScreenWidth) / scrollTotalWidth;
     var scrollLeft = 0;
     if (opts._scrollDistance_) {
-      scrollLeft = -opts._scrollDistance_ * (scrollScreenWidth) / scrollTotalWidth;
+      scrollLeft = (-opts._scrollDistance_ * scrollScreenWidth) / scrollTotalWidth;
     }
     context.beginPath();
     context.setLineCap('round');
     context.setLineWidth(6 * opts.pixelRatio);
-    context.setStrokeStyle(opts.xAxis.scrollBackgroundColor || "#EFEBEF");
+    context.setStrokeStyle(opts.xAxis.scrollBackgroundColor || '#EFEBEF');
     context.moveTo(startX, scrollY);
     context.lineTo(endX, scrollY);
     context.stroke();
@@ -2746,7 +2862,7 @@ function drawXAxis(categories, opts, config, context) {
     context.beginPath();
     context.setLineCap('round');
     context.setLineWidth(6 * opts.pixelRatio);
-    context.setStrokeStyle(opts.xAxis.scrollColor || "#A6A6A6");
+    context.setStrokeStyle(opts.xAxis.scrollColor || '#A6A6A6');
     context.moveTo(startX + scrollLeft, scrollY);
     context.lineTo(startX + scrollLeft + scrollWidth, scrollY);
     context.stroke();
@@ -2760,16 +2876,15 @@ function drawXAxis(categories, opts, config, context) {
     context.translate(opts._scrollDistance_, 0);
   }
 
-
   if (opts.xAxis.disableGrid !== true) {
-    context.setStrokeStyle(opts.xAxis.gridColor || "#cccccc");
+    context.setStrokeStyle(opts.xAxis.gridColor || '#cccccc');
     context.setLineCap('butt');
     context.setLineWidth(1 * opts.pixelRatio);
     if (opts.xAxis.gridType == 'dash') {
       context.setLineDash([opts.xAxis.dashLength, opts.xAxis.dashLength]);
     }
     if (opts.xAxis.type === 'calibration') {
-      xAxisPoints.forEach(function(item, index) {
+      xAxisPoints.forEach(function (item, index) {
         if (index > 0) {
           context.beginPath();
           context.moveTo(item - eachSpacing / 2, startY);
@@ -2780,7 +2895,7 @@ function drawXAxis(categories, opts, config, context) {
       });
     } else {
       opts.xAxis.gridEval = opts.xAxis.gridEval || 1;
-      xAxisPoints.forEach(function(item, index) {
+      xAxisPoints.forEach(function (item, index) {
         if (index % opts.xAxis.gridEval == 0) {
           context.beginPath();
           context.moveTo(item, startY);
@@ -2792,7 +2907,6 @@ function drawXAxis(categories, opts, config, context) {
     context.setLineDash([]);
   }
 
-
   //不绘制X轴
   if (opts.xAxis.disabled !== true) {
     // 对X轴列表做抽稀处理
@@ -2803,7 +2917,7 @@ function drawXAxis(categories, opts, config, context) {
     if (opts.xAxis.labelCount) {
       //如果设置X轴密度
       if (opts.xAxis.itemCount) {
-        maxXAxisListLength = Math.ceil(categories.length / opts.xAxis.itemCount * opts.xAxis.labelCount);
+        maxXAxisListLength = Math.ceil((categories.length / opts.xAxis.itemCount) * opts.xAxis.labelCount);
       } else {
         maxXAxisListLength = opts.xAxis.labelCount;
       }
@@ -2816,7 +2930,7 @@ function drawXAxis(categories, opts, config, context) {
     let cgLength = categories.length;
     for (let i = 0; i < cgLength; i++) {
       if (i % ratio !== 0) {
-        newCategories.push("");
+        newCategories.push('');
       } else {
         newCategories.push(categories[i]);
       }
@@ -2825,10 +2939,10 @@ function drawXAxis(categories, opts, config, context) {
 
     var xAxisFontSize = opts.xAxis.fontSize || config.fontSize;
     if (config._xAxisTextAngle_ === 0) {
-      newCategories.forEach(function(item, index) {
-        var offset = - measureText(item, xAxisFontSize) / 2;
-        if(boundaryGap == 'center'){
-          offset+=eachSpacing / 2;
+      newCategories.forEach(function (item, index) {
+        var offset = -measureText(item, xAxisFontSize) / 2;
+        if (boundaryGap == 'center') {
+          offset += eachSpacing / 2;
         }
         context.beginPath();
         context.setFontSize(xAxisFontSize);
@@ -2837,19 +2951,22 @@ function drawXAxis(categories, opts, config, context) {
         context.closePath();
         context.stroke();
       });
-
     } else {
-      newCategories.forEach(function(item, index) {
+      newCategories.forEach(function (item, index) {
         context.save();
         context.beginPath();
         context.setFontSize(xAxisFontSize);
         context.setFillStyle(opts.xAxis.fontColor || '#666666');
         var textWidth = measureText(item);
-        var offset = - textWidth;
-        if(boundaryGap == 'center'){
-          offset+=eachSpacing / 2;
+        var offset = -textWidth;
+        if (boundaryGap == 'center') {
+          offset += eachSpacing / 2;
         }
-        var _calRotateTranslate = calRotateTranslate(xAxisPoints[index] + eachSpacing / 2, startY + xAxisFontSize / 2 + 5, opts.height),
+        var _calRotateTranslate = calRotateTranslate(
+            xAxisPoints[index] + eachSpacing / 2,
+            startY + xAxisFontSize / 2 + 5,
+            opts.height
+          ),
           transX = _calRotateTranslate.transX,
           transY = _calRotateTranslate.transY;
 
@@ -2863,7 +2980,6 @@ function drawXAxis(categories, opts, config, context) {
     }
   }
   context.restore();
-
 }
 
 function drawYAxisGrid(categories, opts, config, context) {
@@ -2891,9 +3007,9 @@ function drawYAxisGrid(categories, opts, config, context) {
   if (opts.yAxis.gridType == 'dash') {
     context.setLineDash([opts.yAxis.dashLength, opts.yAxis.dashLength]);
   }
-  context.setStrokeStyle(opts.yAxis.gridColor || "#cccccc");
+  context.setStrokeStyle(opts.yAxis.gridColor || '#cccccc');
   context.setLineWidth(1 * opts.pixelRatio);
-  points.forEach(function(item, index) {
+  points.forEach(function (item, index) {
     context.beginPath();
     context.moveTo(startX, item);
     context.lineTo(endX, item);
@@ -2924,7 +3040,7 @@ function drawYAxis(series, opts, config, context) {
   if (opts._scrollDistance_ < 0) {
     context.fillRect(0, 0, startX, fillEndY);
   }
-  if(opts.enableScroll == true){
+  if (opts.enableScroll == true) {
     context.fillRect(endX, 0, opts.width, fillEndY);
   }
   context.closePath();
@@ -2936,7 +3052,7 @@ function drawYAxis(series, opts, config, context) {
   }
 
   var yAxisFontSize = opts.yAxis.fontSize || config.fontSize;
-  rangesFormat.forEach(function(item, index) {
+  rangesFormat.forEach(function (item, index) {
     var pos = points[index] ? points[index] : endY;
     context.beginPath();
     context.setFontSize(yAxisFontSize);
@@ -2976,7 +3092,7 @@ function drawLegend(series, opts, config, context, chartData) {
   context.fill();
   context.stroke();
 
-  legendList.forEach(function(itemList, listIndex) {
+  legendList.forEach(function (itemList, listIndex) {
     let width = 0;
     let height = 0;
     width = legendData.widthArr[listIndex];
@@ -3053,7 +3169,7 @@ function drawLegend(series, opts, config, context, chartData) {
         startX += measureText(item.name, fontSize) + itemGap;
         item.area[2] = startX;
       } else {
-        item.area[2] = startX + measureText(item.name, fontSize) + itemGap;;
+        item.area[2] = startX + measureText(item.name, fontSize) + itemGap;
         startX -= shapeWidth + shapeRight;
         startY += lineHeight;
       }
@@ -3063,16 +3179,20 @@ function drawLegend(series, opts, config, context, chartData) {
 
 function drawPieDataPoints(series, opts, config, context) {
   var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  var pieOption = assign({}, {
-    activeOpacity: 0.5,
-    activeRadius: 10 * opts.pixelRatio,
-    offsetAngle: 0,
-    labelWidth: 15 * opts.pixelRatio,
-    ringWidth: 0,
-    border:false,
-    borderWidth:2,
-    borderColor:'#FFFFFF'
-  }, opts.extra.pie);
+  var pieOption = assign(
+    {},
+    {
+      activeOpacity: 0.5,
+      activeRadius: 10 * opts.pixelRatio,
+      offsetAngle: 0,
+      labelWidth: 15 * opts.pixelRatio,
+      ringWidth: 0,
+      border: false,
+      borderWidth: 2,
+      borderColor: '#FFFFFF'
+    },
+    opts.extra.pie
+  );
   var centerPosition = {
     x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2,
     y: opts.area[0] + (opts.height - opts.area[0] - opts.area[2]) / 2
@@ -3081,36 +3201,52 @@ function drawPieDataPoints(series, opts, config, context) {
     config.pieChartLinePadding = pieOption.activeRadius;
   }
 
-  var radius = Math.min((opts.width - opts.area[1] - opts.area[3]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding - config._pieTextMaxLength_, (opts.height - opts.area[0] - opts.area[2]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding);
+  var radius = Math.min(
+    (opts.width - opts.area[1] - opts.area[3]) / 2 -
+      config.pieChartLinePadding -
+      config.pieChartTextPadding -
+      config._pieTextMaxLength_,
+    (opts.height - opts.area[0] - opts.area[2]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding
+  );
 
   series = getPieDataPoints(series, radius, process);
 
   var activeRadius = pieOption.activeRadius;
 
-  series = series.map(function(eachSeries) {
-    eachSeries._start_ += (pieOption.offsetAngle) * Math.PI / 180;
+  series = series.map(function (eachSeries) {
+    eachSeries._start_ += (pieOption.offsetAngle * Math.PI) / 180;
     return eachSeries;
   });
-  series.forEach(function(eachSeries, seriesIndex) {
+  series.forEach(function (eachSeries, seriesIndex) {
     if (opts.tooltip) {
       if (opts.tooltip.index == seriesIndex) {
         context.beginPath();
         context.setFillStyle(hexToRgb(eachSeries.color, opts.extra.pie.activeOpacity || 0.5));
         context.moveTo(centerPosition.x, centerPosition.y);
-        context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_ + activeRadius, eachSeries._start_,
-          eachSeries._start_ + 2 *
-          eachSeries._proportion_ * Math.PI);
+        context.arc(
+          centerPosition.x,
+          centerPosition.y,
+          eachSeries._radius_ + activeRadius,
+          eachSeries._start_,
+          eachSeries._start_ + 2 * eachSeries._proportion_ * Math.PI
+        );
         context.closePath();
         context.fill();
       }
     }
     context.beginPath();
     context.setLineWidth(pieOption.borderWidth * opts.pixelRatio);
-    context.lineJoin = "round";
+    context.lineJoin = 'round';
     context.setStrokeStyle(pieOption.borderColor);
     context.setFillStyle(eachSeries.color);
     context.moveTo(centerPosition.x, centerPosition.y);
-    context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 * eachSeries._proportion_ * Math.PI);
+    context.arc(
+      centerPosition.x,
+      centerPosition.y,
+      eachSeries._radius_,
+      eachSeries._start_,
+      eachSeries._start_ + 2 * eachSeries._proportion_ * Math.PI
+    );
     context.closePath();
     context.fill();
     if (pieOption.border == true) {
@@ -3158,16 +3294,20 @@ function drawPieDataPoints(series, opts, config, context) {
 
 function drawRoseDataPoints(series, opts, config, context) {
   var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  var roseOption = assign({}, {
-    type: 'area',
-    activeOpacity: 0.5,
-    activeRadius: 10 * opts.pixelRatio,
-    offsetAngle: 0,
-    labelWidth: 15 * opts.pixelRatio,
-    border:false,
-    borderWidth:2,
-    borderColor:'#FFFFFF'
-  }, opts.extra.rose);
+  var roseOption = assign(
+    {},
+    {
+      type: 'area',
+      activeOpacity: 0.5,
+      activeRadius: 10 * opts.pixelRatio,
+      offsetAngle: 0,
+      labelWidth: 15 * opts.pixelRatio,
+      border: false,
+      borderWidth: 2,
+      borderColor: '#FFFFFF'
+    },
+    opts.extra.rose
+  );
   if (config.pieChartLinePadding == 0) {
     config.pieChartLinePadding = roseOption.activeRadius;
   }
@@ -3175,38 +3315,54 @@ function drawRoseDataPoints(series, opts, config, context) {
     x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2,
     y: opts.area[0] + (opts.height - opts.area[0] - opts.area[2]) / 2
   };
-   var radius = Math.min((opts.width - opts.area[1] - opts.area[3]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding - config._pieTextMaxLength_, (opts.height - opts.area[0] - opts.area[2]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding);
+  var radius = Math.min(
+    (opts.width - opts.area[1] - opts.area[3]) / 2 -
+      config.pieChartLinePadding -
+      config.pieChartTextPadding -
+      config._pieTextMaxLength_,
+    (opts.height - opts.area[0] - opts.area[2]) / 2 - config.pieChartLinePadding - config.pieChartTextPadding
+  );
   var minRadius = roseOption.minRadius || radius * 0.5;
 
   series = getRoseDataPoints(series, roseOption.type, minRadius, radius, process);
 
   var activeRadius = roseOption.activeRadius;
 
-  series = series.map(function(eachSeries) {
-    eachSeries._start_ += (roseOption.offsetAngle || 0) * Math.PI / 180;
+  series = series.map(function (eachSeries) {
+    eachSeries._start_ += ((roseOption.offsetAngle || 0) * Math.PI) / 180;
     return eachSeries;
   });
 
-  series.forEach(function(eachSeries, seriesIndex) {
+  series.forEach(function (eachSeries, seriesIndex) {
     if (opts.tooltip) {
       if (opts.tooltip.index == seriesIndex) {
         context.beginPath();
         context.setFillStyle(hexToRgb(eachSeries.color, roseOption.activeOpacity || 0.5));
         context.moveTo(centerPosition.x, centerPosition.y);
-        context.arc(centerPosition.x, centerPosition.y, activeRadius + eachSeries._radius_, eachSeries._start_,
-          eachSeries._start_ + 2 * eachSeries._rose_proportion_ * Math.PI);
+        context.arc(
+          centerPosition.x,
+          centerPosition.y,
+          activeRadius + eachSeries._radius_,
+          eachSeries._start_,
+          eachSeries._start_ + 2 * eachSeries._rose_proportion_ * Math.PI
+        );
         context.closePath();
         context.fill();
       }
     }
     context.beginPath();
     context.setLineWidth(roseOption.borderWidth * opts.pixelRatio);
-    context.lineJoin = "round";
+    context.lineJoin = 'round';
     context.setStrokeStyle(roseOption.borderColor);
     context.setFillStyle(eachSeries.color);
     context.moveTo(centerPosition.x, centerPosition.y);
-    context.arc(centerPosition.x, centerPosition.y, eachSeries._radius_, eachSeries._start_, eachSeries._start_ + 2 *
-      eachSeries._rose_proportion_ * Math.PI);
+    context.arc(
+      centerPosition.x,
+      centerPosition.y,
+      eachSeries._radius_,
+      eachSeries._start_,
+      eachSeries._start_ + 2 * eachSeries._rose_proportion_ * Math.PI
+    );
     context.closePath();
     context.fill();
     if (roseOption.border == true) {
@@ -3237,12 +3393,16 @@ function drawRoseDataPoints(series, opts, config, context) {
 
 function drawArcbarDataPoints(series, opts, config, context) {
   var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  var arcbarOption = assign({}, {
-    startAngle: 0.75,
-    endAngle: 0.25,
-    type: 'default',
-    width: 12 * opts.pixelRatio
-  }, opts.extra.arcbar);
+  var arcbarOption = assign(
+    {},
+    {
+      startAngle: 0.75,
+      endAngle: 0.25,
+      type: 'default',
+      width: 12 * opts.pixelRatio
+    },
+    opts.extra.arcbar
+  );
 
   series = getArcbarDataPoints(series, arcbarOption, process);
   var centerPosition = {
@@ -3259,8 +3419,14 @@ function drawArcbarDataPoints(series, opts, config, context) {
   context.setLineCap('round');
   context.beginPath();
   if (arcbarOption.type == 'default') {
-    context.arc(centerPosition.x, centerPosition.y, radius, arcbarOption.startAngle * Math.PI, arcbarOption.endAngle *
-      Math.PI, false);
+    context.arc(
+      centerPosition.x,
+      centerPosition.y,
+      radius,
+      arcbarOption.startAngle * Math.PI,
+      arcbarOption.endAngle * Math.PI,
+      false
+    );
   } else {
     context.arc(centerPosition.x, centerPosition.y, radius, 0, 2 * Math.PI, false);
   }
@@ -3272,8 +3438,14 @@ function drawArcbarDataPoints(series, opts, config, context) {
     context.setStrokeStyle(eachSeries.color);
     context.setLineCap('round');
     context.beginPath();
-    context.arc(centerPosition.x, centerPosition.y, radius, arcbarOption.startAngle * Math.PI, eachSeries._proportion_ *
-      Math.PI, false);
+    context.arc(
+      centerPosition.x,
+      centerPosition.y,
+      radius,
+      arcbarOption.startAngle * Math.PI,
+      eachSeries._proportion_ * Math.PI,
+      false
+    );
     context.stroke();
   }
 
@@ -3288,23 +3460,27 @@ function drawArcbarDataPoints(series, opts, config, context) {
 
 function drawGaugeDataPoints(categories, series, opts, config, context) {
   var process = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
-  var gaugeOption = assign({}, {
-    startAngle: 0.75,
-    endAngle: 0.25,
-    width: 15,
-    splitLine: {
-      fixRadius: 0,
-      splitNumber: 10,
+  var gaugeOption = assign(
+    {},
+    {
+      startAngle: 0.75,
+      endAngle: 0.25,
       width: 15,
-      color: '#FFFFFF',
-      childNumber: 5,
-      childWidth: 5
+      splitLine: {
+        fixRadius: 0,
+        splitNumber: 10,
+        width: 15,
+        color: '#FFFFFF',
+        childNumber: 5,
+        childWidth: 5
+      },
+      pointer: {
+        width: 15,
+        color: 'auto'
+      }
     },
-    pointer: {
-      width: 15,
-      color: 'auto'
-    }
-  }, opts.extra.gauge);
+    opts.extra.gauge
+  );
 
   if (gaugeOption.oldAngle == undefined) {
     gaugeOption.oldAngle = gaugeOption.startAngle;
@@ -3330,8 +3506,14 @@ function drawGaugeDataPoints(categories, series, opts, config, context) {
     let eachCategories = categories[i];
     context.beginPath();
     context.setStrokeStyle(eachCategories.color);
-    context.arc(centerPosition.x, centerPosition.y, radius, eachCategories._startAngle_ * Math.PI, eachCategories._endAngle_ *
-      Math.PI, false);
+    context.arc(
+      centerPosition.x,
+      centerPosition.y,
+      radius,
+      eachCategories._startAngle_ * Math.PI,
+      eachCategories._endAngle_ * Math.PI,
+      false
+    );
     context.stroke();
   }
   context.save();
@@ -3418,11 +3600,15 @@ function drawGaugeDataPoints(categories, series, opts, config, context) {
 
 function drawRadarDataPoints(series, opts, config, context) {
   var process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  var radarOption = assign({},{
-    gridColor: '#cccccc',
-    labelColor: '#666666',
-    opacity: 0.2
-  },opts.extra.radar);
+  var radarOption = assign(
+    {},
+    {
+      gridColor: '#cccccc',
+      labelColor: '#666666',
+      opacity: 0.2
+    },
+    opts.extra.radar
+  );
 
   var coordinateAngle = getRadarCoordinateSeries(opts.categories.length);
 
@@ -3431,8 +3617,10 @@ function drawRadarDataPoints(series, opts, config, context) {
     y: opts.area[0] + (opts.height - opts.area[0] - opts.area[2]) / 2
   };
 
-  var radius = Math.min(centerPosition.x - (getMaxTextListLength(opts.categories) + config.radarLabelTextMargin),
-    centerPosition.y - config.radarLabelTextMargin);
+  var radius = Math.min(
+    centerPosition.x - (getMaxTextListLength(opts.categories) + config.radarLabelTextMargin),
+    centerPosition.y - config.radarLabelTextMargin
+  );
   //TODO逻辑不对
   radius -= opts.padding[1];
 
@@ -3440,7 +3628,7 @@ function drawRadarDataPoints(series, opts, config, context) {
   context.beginPath();
   context.setLineWidth(1 * opts.pixelRatio);
   context.setStrokeStyle(radarOption.gridColor);
-  coordinateAngle.forEach(function(angle) {
+  coordinateAngle.forEach(function (angle) {
     var pos = convertCoordinateOrigin(radius * Math.cos(angle), radius * Math.sin(angle), centerPosition);
     context.moveTo(centerPosition.x, centerPosition.y);
     context.lineTo(pos.x, pos.y);
@@ -3454,9 +3642,12 @@ function drawRadarDataPoints(series, opts, config, context) {
     context.beginPath();
     context.setLineWidth(1 * opts.pixelRatio);
     context.setStrokeStyle(radarOption.gridColor);
-    coordinateAngle.forEach(function(angle, index) {
-      var pos = convertCoordinateOrigin(radius / config.radarGridCount * i * Math.cos(angle), radius / config.radarGridCount *
-        i * Math.sin(angle), centerPosition);
+    coordinateAngle.forEach(function (angle, index) {
+      var pos = convertCoordinateOrigin(
+        (radius / config.radarGridCount) * i * Math.cos(angle),
+        (radius / config.radarGridCount) * i * Math.sin(angle),
+        centerPosition
+      );
       if (index === 0) {
         startPos = pos;
         context.moveTo(pos.x, pos.y);
@@ -3475,11 +3666,11 @@ function drawRadarDataPoints(series, opts, config, context) {
 
   var radarDataPoints = getRadarDataPoints(coordinateAngle, centerPosition, radius, series, opts, process);
 
-  radarDataPoints.forEach(function(eachSeries, seriesIndex) {
+  radarDataPoints.forEach(function (eachSeries, seriesIndex) {
     // 绘制区域数据
     context.beginPath();
     context.setFillStyle(hexToRgb(eachSeries.color, radarOption.opacity));
-    eachSeries.data.forEach(function(item, index) {
+    eachSeries.data.forEach(function (item, index) {
       if (index === 0) {
         context.moveTo(item.position.x, item.position.y);
       } else {
@@ -3491,7 +3682,7 @@ function drawRadarDataPoints(series, opts, config, context) {
 
     if (opts.dataPointShape !== false) {
       var shape = config.dataPointShape[seriesIndex % config.dataPointShape.length];
-      var points = eachSeries.data.map(function(item) {
+      var points = eachSeries.data.map(function (item) {
         return item.position;
       });
       drawPointShape(points, eachSeries.color, shape, context, opts);
@@ -3508,139 +3699,168 @@ function drawRadarDataPoints(series, opts, config, context) {
 }
 
 function normalInt(min, max, iter) {
-    iter = iter==0?1:iter;
-    var arr = [];
-    for (var i = 0; i < iter; i++) {
-        arr[i] = Math.random();
-    };
-    return  Math.floor(arr.reduce(function(i,j){return i+j})/iter*(max-min))+min;
-};
+  iter = iter == 0 ? 1 : iter;
+  var arr = [];
+  for (var i = 0; i < iter; i++) {
+    arr[i] = Math.random();
+  }
+  return (
+    Math.floor(
+      (arr.reduce(function (i, j) {
+        return i + j;
+      }) /
+        iter) *
+        (max - min)
+    ) + min
+  );
+}
 
-function collisionNew(area,points,width,height){
-    var isIn=false;
-    for(let i=0;i<points.length;i++){
-      if(points[i].area){
-        if(area[3]<points[i].area[1]||area[0]>points[i].area[2]||area[1]>points[i].area[3]||area[2]<points[i].area[0]){
-          if(area[0]<0 || area[1]<0 || area[2]>width || area[3]>height){
-            isIn=true;
-            break;
-          }else{
-            isIn=false;
-          }
-        }else{
-          isIn=true;
+function collisionNew(area, points, width, height) {
+  var isIn = false;
+  for (let i = 0; i < points.length; i++) {
+    if (points[i].area) {
+      if (
+        area[3] < points[i].area[1] ||
+        area[0] > points[i].area[2] ||
+        area[1] > points[i].area[3] ||
+        area[2] < points[i].area[0]
+      ) {
+        if (area[0] < 0 || area[1] < 0 || area[2] > width || area[3] > height) {
+          isIn = true;
           break;
+        } else {
+          isIn = false;
         }
+      } else {
+        isIn = true;
+        break;
       }
     }
-    return isIn;
-};
+  }
+  return isIn;
+}
 
 function getBoundingBox(data) {
-  var bounds = {}, coords;
+  var bounds = {},
+    coords;
   bounds.xMin = 180;
   bounds.xMax = 0;
   bounds.yMin = 90;
-  bounds.yMax = 0
+  bounds.yMax = 0;
   for (var i = 0; i < data.length; i++) {
-      var coorda = data[i].geometry.coordinates
-      for (var k = 0; k < coorda.length; k++) {
-          coords = coorda[k];
-          if (coords.length == 1) {
-              coords = coords[0]
-          }
-          for (var j = 0; j < coords.length; j++) {
-              var longitude = coords[j][0];
-              var latitude = coords[j][1];
-              var point = {
-                  x: longitude,
-                  y: latitude
-              }
-              bounds.xMin = bounds.xMin < point.x ? bounds.xMin : point.x;
-              bounds.xMax = bounds.xMax > point.x ? bounds.xMax : point.x;
-              bounds.yMin = bounds.yMin < point.y ? bounds.yMin : point.y;
-              bounds.yMax = bounds.yMax > point.y ? bounds.yMax : point.y;
-          }
+    var coorda = data[i].geometry.coordinates;
+    for (var k = 0; k < coorda.length; k++) {
+      coords = coorda[k];
+      if (coords.length == 1) {
+        coords = coords[0];
+      }
+      for (var j = 0; j < coords.length; j++) {
+        var longitude = coords[j][0];
+        var latitude = coords[j][1];
+        var point = {
+          x: longitude,
+          y: latitude
+        };
+        bounds.xMin = bounds.xMin < point.x ? bounds.xMin : point.x;
+        bounds.xMax = bounds.xMax > point.x ? bounds.xMax : point.x;
+        bounds.yMin = bounds.yMin < point.y ? bounds.yMin : point.y;
+        bounds.yMax = bounds.yMax > point.y ? bounds.yMax : point.y;
       }
+    }
   }
   return bounds;
 }
 
-function coordinateToPoint(latitude, longitude,bounds,scale,xoffset,yoffset) {
+function coordinateToPoint(latitude, longitude, bounds, scale, xoffset, yoffset) {
   return {
-      x: (longitude - bounds.xMin) * scale+xoffset,
-      y: (bounds.yMax - latitude) * scale+yoffset
+    x: (longitude - bounds.xMin) * scale + xoffset,
+    y: (bounds.yMax - latitude) * scale + yoffset
   };
 }
 
-function pointToCoordinate(pointY, pointX,bounds,scale,xoffset,yoffset) {
+function pointToCoordinate(pointY, pointX, bounds, scale, xoffset, yoffset) {
   return {
-      x: (pointX-xoffset)/scale+bounds.xMin,
-      y: bounds.yMax - (pointY-yoffset)/scale
+    x: (pointX - xoffset) / scale + bounds.xMin,
+    y: bounds.yMax - (pointY - yoffset) / scale
   };
 }
 
-function isRayIntersectsSegment(poi,s_poi,e_poi){
-      if (s_poi[1]==e_poi[1]){return false;}
-      if (s_poi[1]>poi[1] && e_poi[1]>poi[1]){return false;}
-      if (s_poi[1]<poi[1] && e_poi[1]<poi[1]){return false;}
-      if (s_poi[1]==poi[1] && e_poi[1]>poi[1]){return false;}
-      if (e_poi[1]==poi[1] && s_poi[1]>poi[1]){return false;}
-      if (s_poi[0]<poi[0] && e_poi[1]<poi[1]){return false;}
-      let xseg=e_poi[0]-(e_poi[0]-s_poi[0])*(e_poi[1]-poi[1])/(e_poi[1]-s_poi[1]);
-      if (xseg<poi[0]){
-        return false;
-      }else{
-        return true;
-      }
+function isRayIntersectsSegment(poi, s_poi, e_poi) {
+  if (s_poi[1] == e_poi[1]) {
+    return false;
+  }
+  if (s_poi[1] > poi[1] && e_poi[1] > poi[1]) {
+    return false;
+  }
+  if (s_poi[1] < poi[1] && e_poi[1] < poi[1]) {
+    return false;
+  }
+  if (s_poi[1] == poi[1] && e_poi[1] > poi[1]) {
+    return false;
+  }
+  if (e_poi[1] == poi[1] && s_poi[1] > poi[1]) {
+    return false;
+  }
+  if (s_poi[0] < poi[0] && e_poi[1] < poi[1]) {
+    return false;
+  }
+  let xseg = e_poi[0] - ((e_poi[0] - s_poi[0]) * (e_poi[1] - poi[1])) / (e_poi[1] - s_poi[1]);
+  if (xseg < poi[0]) {
+    return false;
+  } else {
+    return true;
+  }
 }
 
-function isPoiWithinPoly(poi,poly){
-  let sinsc=0;
-  for (let i=0;i<poly.length;i++){
-    let epoly=poly[i][0];
+function isPoiWithinPoly(poi, poly) {
+  let sinsc = 0;
+  for (let i = 0; i < poly.length; i++) {
+    let epoly = poly[i][0];
     if (poly.length == 1) {
-      epoly = poly[i][0]
+      epoly = poly[i][0];
     }
-    for(let j=0;j<epoly.length-1;j++){
-      let s_poi=epoly[j];
-      let e_poi=epoly[j+1];
-      if (isRayIntersectsSegment(poi,s_poi,e_poi)){
-        sinsc+=1;
+    for (let j = 0; j < epoly.length - 1; j++) {
+      let s_poi = epoly[j];
+      let e_poi = epoly[j + 1];
+      if (isRayIntersectsSegment(poi, s_poi, e_poi)) {
+        sinsc += 1;
       }
     }
   }
 
-  if(sinsc%2==1){
+  if (sinsc % 2 == 1) {
     return true;
-  }else{
+  } else {
     return false;
   }
 }
 
-
 function drawMapDataPoints(series, opts, config, context) {
-  var mapOption=assign({},{
-    border:true,
-    borderWidth:1,
-    borderColor:'#666666',
-    fillOpacity:0.6,
-    activeBorderColor:'#f04864',
-    activeFillColor:'#facc14',
-    activeFillOpacity:1
-  },opts.extra.map);
+  var mapOption = assign(
+    {},
+    {
+      border: true,
+      borderWidth: 1,
+      borderColor: '#666666',
+      fillOpacity: 0.6,
+      activeBorderColor: '#f04864',
+      activeFillColor: '#facc14',
+      activeFillOpacity: 1
+    },
+    opts.extra.map
+  );
   var coords, point;
   var data = series;
-  var bounds= getBoundingBox(data);
+  var bounds = getBoundingBox(data);
   var xScale = opts.width / Math.abs(bounds.xMax - bounds.xMin);
   var yScale = opts.height / Math.abs(bounds.yMax - bounds.yMin);
   var scale = xScale < yScale ? xScale : yScale;
-  var xoffset=opts.width/2-Math.abs(bounds.xMax - bounds.xMin)/2*scale;
-  var yoffset=opts.height/2-Math.abs(bounds.yMax - bounds.yMin)/2*scale;
+  var xoffset = opts.width / 2 - (Math.abs(bounds.xMax - bounds.xMin) / 2) * scale;
+  var yoffset = opts.height / 2 - (Math.abs(bounds.yMax - bounds.yMin) / 2) * scale;
   context.beginPath();
   context.clearRect(0, 0, opts.width, opts.height);
-  context.setFillStyle(opts.background||'#FFFFFF');
-  context.rect(0,0,opts.width,opts.height);
+  context.setFillStyle(opts.background || '#FFFFFF');
+  context.rect(0, 0, opts.width, opts.height);
   context.fill();
   for (var i = 0; i < data.length; i++) {
     context.beginPath();
@@ -3648,19 +3868,19 @@ function drawMapDataPoints(series, opts, config, context) {
     context.setStrokeStyle(mapOption.borderColor);
     context.setFillStyle(hexToRgb(series[i].color, mapOption.fillOpacity));
     if (opts.tooltip) {
-      if (opts.tooltip.index == i ) {
+      if (opts.tooltip.index == i) {
         context.setStrokeStyle(mapOption.activeBorderColor);
         context.setFillStyle(hexToRgb(mapOption.activeFillColor, mapOption.activeFillOpacity));
       }
     }
-    var coorda = data[i].geometry.coordinates
+    var coorda = data[i].geometry.coordinates;
     for (var k = 0; k < coorda.length; k++) {
       coords = coorda[k];
       if (coords.length == 1) {
-        coords = coords[0]
+        coords = coords[0];
       }
       for (var j = 0; j < coords.length; j++) {
-        point = coordinateToPoint(coords[j][1], coords[j][0],bounds,scale,xoffset,yoffset)
+        point = coordinateToPoint(coords[j][1], coords[j][0], bounds, scale, xoffset, yoffset);
         if (j === 0) {
           context.beginPath();
           context.moveTo(point.x, point.y);
@@ -3669,207 +3889,269 @@ function drawMapDataPoints(series, opts, config, context) {
         }
       }
       context.fill();
-      if(mapOption.border == true){
+      if (mapOption.border == true) {
         context.stroke();
       }
     }
-    if(opts.dataLabel == true){
+    if (opts.dataLabel == true) {
       var centerPoint = data[i].properties.centroid;
-      if(centerPoint){
-        point = coordinateToPoint(centerPoint[1], centerPoint[0],bounds,scale,xoffset,yoffset);
-        let fontSize=data[i].textSize||config.fontSize;
-        let text=data[i].properties.name;
+      if (centerPoint) {
+        point = coordinateToPoint(centerPoint[1], centerPoint[0], bounds, scale, xoffset, yoffset);
+        let fontSize = data[i].textSize || config.fontSize;
+        let text = data[i].properties.name;
         context.beginPath();
-        context.setFontSize(fontSize)
-        context.setFillStyle(data[i].textColor||'#666666')
-        context.fillText(text, point.x-measureText(text,fontSize)/2, point.y+fontSize/2);
+        context.setFontSize(fontSize);
+        context.setFillStyle(data[i].textColor || '#666666');
+        context.fillText(text, point.x - measureText(text, fontSize) / 2, point.y + fontSize / 2);
         context.closePath();
         context.stroke();
       }
     }
   }
-  opts.chartData.mapData={
-    bounds:bounds,
-    scale:scale,
-    xoffset:xoffset,
-    yoffset:yoffset
-  }
-  drawToolTipBridge(opts, config, context,1);
+  opts.chartData.mapData = {
+    bounds: bounds,
+    scale: scale,
+    xoffset: xoffset,
+    yoffset: yoffset
+  };
+  drawToolTipBridge(opts, config, context, 1);
   context.draw();
 }
 
-function getWordCloudPoint(opts,type){
-  let points = opts.series.sort(function(a,b){return parseInt(b.textSize)-parseInt(a.textSize);});
+function getWordCloudPoint(opts, type) {
+  let points = opts.series.sort(function (a, b) {
+    return parseInt(b.textSize) - parseInt(a.textSize);
+  });
   switch (type) {
     case 'normal':
       for (let i = 0; i < points.length; i++) {
         let text = points[i].name;
         let tHeight = points[i].textSize;
-        let tWidth = measureText(text,tHeight);
-        let x,y;
+        let tWidth = measureText(text, tHeight);
+        let x, y;
         let area;
-        let breaknum=0;
-        while(true) {
-            breaknum++;
-            x = normalInt(-opts.width/2, opts.width/2,5) - tWidth/2;
-            y = normalInt(-opts.height/2, opts.height/2,5) + tHeight/2;
-            area=[x-5+opts.width/2,y-5-tHeight+opts.height/2,x+tWidth+5+opts.width/2,y+5+opts.height/2];
-            let isCollision = collisionNew(area,points,opts.width,opts.height);
-            if (!isCollision) break;
-            if (breaknum==1000){
-              area=[-100,-100,-100,-100];
-              break;
-            }
-        };
-        points[i].area=area;
+        let breaknum = 0;
+        while (true) {
+          breaknum++;
+          x = normalInt(-opts.width / 2, opts.width / 2, 5) - tWidth / 2;
+          y = normalInt(-opts.height / 2, opts.height / 2, 5) + tHeight / 2;
+          area = [
+            x - 5 + opts.width / 2,
+            y - 5 - tHeight + opts.height / 2,
+            x + tWidth + 5 + opts.width / 2,
+            y + 5 + opts.height / 2
+          ];
+          let isCollision = collisionNew(area, points, opts.width, opts.height);
+          if (!isCollision) break;
+          if (breaknum == 1000) {
+            area = [-100, -100, -100, -100];
+            break;
+          }
+        }
+        points[i].area = area;
       }
-    break;
+      break;
     case 'vertical':
-      function Spin(){
+      function Spin() {
         //获取均匀随机值，是否旋转，旋转的概率为（1-0.5）
-        if (Math.random()>0.7) {
-            return true;
-        }else {return false};
-      };
+        if (Math.random() > 0.7) {
+          return true;
+        } else {
+          return false;
+        }
+      }
       for (let i = 0; i < points.length; i++) {
         let text = points[i].name;
         let tHeight = points[i].textSize;
-        let tWidth = measureText(text,tHeight);
+        let tWidth = measureText(text, tHeight);
         let isSpin = Spin();
-        let x,y,area,areav;
-        let breaknum=0;
-        while(true) {
+        let x, y, area, areav;
+        let breaknum = 0;
+        while (true) {
           breaknum++;
           let isCollision;
           if (isSpin) {
-              x = normalInt(-opts.width/2, opts.width/2,5) - tWidth/2;
-              y = normalInt(-opts.height/2, opts.height/2,5)+tHeight/2;
-              area=[y-5-tWidth+opts.width/2,(-x-5+opts.height/2),y+5+opts.width/2,(-x+tHeight+5+opts.height/2)];
-              areav=[opts.width-(opts.width/2-opts.height/2)-(-x+tHeight+5+opts.height/2)-5,(opts.height/2-opts.width/2)+(y-5-tWidth+opts.width/2)-5,opts.width-(opts.width/2-opts.height/2)-(-x+tHeight+5+opts.height/2)+tHeight,(opts.height/2-opts.width/2)+(y-5-tWidth+opts.width/2)+tWidth+5];
-              isCollision = collisionNew(areav,points,opts.height,opts.width);
-          }else{
-            x = normalInt(-opts.width/2, opts.width/2,5) - tWidth/2;
-            y = normalInt(-opts.height/2, opts.height/2,5)+tHeight/2;
-            area=[x-5+opts.width/2,y-5-tHeight+opts.height/2,x+tWidth+5+opts.width/2,y+5+opts.height/2];
-            isCollision = collisionNew(area,points,opts.width,opts.height);
+            x = normalInt(-opts.width / 2, opts.width / 2, 5) - tWidth / 2;
+            y = normalInt(-opts.height / 2, opts.height / 2, 5) + tHeight / 2;
+            area = [
+              y - 5 - tWidth + opts.width / 2,
+              -x - 5 + opts.height / 2,
+              y + 5 + opts.width / 2,
+              -x + tHeight + 5 + opts.height / 2
+            ];
+            areav = [
+              opts.width - (opts.width / 2 - opts.height / 2) - (-x + tHeight + 5 + opts.height / 2) - 5,
+              opts.height / 2 - opts.width / 2 + (y - 5 - tWidth + opts.width / 2) - 5,
+              opts.width - (opts.width / 2 - opts.height / 2) - (-x + tHeight + 5 + opts.height / 2) + tHeight,
+              opts.height / 2 - opts.width / 2 + (y - 5 - tWidth + opts.width / 2) + tWidth + 5
+            ];
+            isCollision = collisionNew(areav, points, opts.height, opts.width);
+          } else {
+            x = normalInt(-opts.width / 2, opts.width / 2, 5) - tWidth / 2;
+            y = normalInt(-opts.height / 2, opts.height / 2, 5) + tHeight / 2;
+            area = [
+              x - 5 + opts.width / 2,
+              y - 5 - tHeight + opts.height / 2,
+              x + tWidth + 5 + opts.width / 2,
+              y + 5 + opts.height / 2
+            ];
+            isCollision = collisionNew(area, points, opts.width, opts.height);
           }
           if (!isCollision) break;
-          if (breaknum==1000){
-            area=[-1000,-1000,-1000,-1000];
+          if (breaknum == 1000) {
+            area = [-1000, -1000, -1000, -1000];
             break;
           }
-        };
+        }
         if (isSpin) {
-          points[i].area=areav;
-          points[i].areav=area;
-        }else{
-          points[i].area=area;
+          points[i].area = areav;
+          points[i].areav = area;
+        } else {
+          points[i].area = area;
         }
-        points[i].rotate=isSpin;
-      };
-    break;
+        points[i].rotate = isSpin;
+      }
+      break;
   }
   return points;
 }
 
-
 function drawWordCloudDataPoints(series, opts, config, context) {
   let process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  let wordOption = assign({},{
-    type: 'normal',
-    autoColors: true
-  },opts.extra.word);
+  let wordOption = assign(
+    {},
+    {
+      type: 'normal',
+      autoColors: true
+    },
+    opts.extra.word
+  );
 
   context.beginPath();
-  context.setFillStyle(opts.background||'#FFFFFF');
-  context.rect(0,0,opts.width,opts.height);
+  context.setFillStyle(opts.background || '#FFFFFF');
+  context.rect(0, 0, opts.width, opts.height);
   context.fill();
   context.save();
   let points = opts.chartData.wordCloudData;
-  context.translate(opts.width/2,opts.height/2);
+  context.translate(opts.width / 2, opts.height / 2);
 
-  for(let i=0;i<points.length;i++){
-      context.save();
-      if(points[i].rotate){
-        context.rotate(90 * Math.PI / 180);
-      }
-      let text = points[i].name;
-      let tHeight = points[i].textSize;
-      let tWidth = measureText(text,tHeight);
-      context.beginPath();
-      context.setStrokeStyle(points[i].color);
-      context.setFillStyle(points[i].color);
-      context.setFontSize(tHeight);
-      if(points[i].rotate){
-        if(points[i].areav[0]>0){
-          if (opts.tooltip) {
-            if (opts.tooltip.index == i) {
-              context.strokeText(text,(points[i].areav[0]+5-opts.width/2)*process-tWidth*(1-process)/2,(points[i].areav[1]+5+tHeight-opts.height/2)*process);
-              }else{
-                context.fillText(text,(points[i].areav[0]+5-opts.width/2)*process-tWidth*(1-process)/2,(points[i].areav[1]+5+tHeight-opts.height/2)*process);
-              }
-          }else{
-            context.fillText(text,(points[i].areav[0]+5-opts.width/2)*process-tWidth*(1-process)/2,(points[i].areav[1]+5+tHeight-opts.height/2)*process);
+  for (let i = 0; i < points.length; i++) {
+    context.save();
+    if (points[i].rotate) {
+      context.rotate((90 * Math.PI) / 180);
+    }
+    let text = points[i].name;
+    let tHeight = points[i].textSize;
+    let tWidth = measureText(text, tHeight);
+    context.beginPath();
+    context.setStrokeStyle(points[i].color);
+    context.setFillStyle(points[i].color);
+    context.setFontSize(tHeight);
+    if (points[i].rotate) {
+      if (points[i].areav[0] > 0) {
+        if (opts.tooltip) {
+          if (opts.tooltip.index == i) {
+            context.strokeText(
+              text,
+              (points[i].areav[0] + 5 - opts.width / 2) * process - (tWidth * (1 - process)) / 2,
+              (points[i].areav[1] + 5 + tHeight - opts.height / 2) * process
+            );
+          } else {
+            context.fillText(
+              text,
+              (points[i].areav[0] + 5 - opts.width / 2) * process - (tWidth * (1 - process)) / 2,
+              (points[i].areav[1] + 5 + tHeight - opts.height / 2) * process
+            );
           }
+        } else {
+          context.fillText(
+            text,
+            (points[i].areav[0] + 5 - opts.width / 2) * process - (tWidth * (1 - process)) / 2,
+            (points[i].areav[1] + 5 + tHeight - opts.height / 2) * process
+          );
         }
-      }else{
-        if(points[i].area[0]>0){
-          if (opts.tooltip) {
-            if (opts.tooltip.index == i) {
-              context.strokeText(text,(points[i].area[0]+5-opts.width/2)*process-tWidth*(1-process)/2,(points[i].area[1]+5+tHeight-opts.height/2)*process);
-            }else{
-              context.fillText(text,(points[i].area[0]+5-opts.width/2)*process-tWidth*(1-process)/2,(points[i].area[1]+5+tHeight-opts.height/2)*process);
-            }
-          }else{
-            context.fillText(text,(points[i].area[0]+5-opts.width/2)*process-tWidth*(1-process)/2,(points[i].area[1]+5+tHeight-opts.height/2)*process);
+      }
+    } else {
+      if (points[i].area[0] > 0) {
+        if (opts.tooltip) {
+          if (opts.tooltip.index == i) {
+            context.strokeText(
+              text,
+              (points[i].area[0] + 5 - opts.width / 2) * process - (tWidth * (1 - process)) / 2,
+              (points[i].area[1] + 5 + tHeight - opts.height / 2) * process
+            );
+          } else {
+            context.fillText(
+              text,
+              (points[i].area[0] + 5 - opts.width / 2) * process - (tWidth * (1 - process)) / 2,
+              (points[i].area[1] + 5 + tHeight - opts.height / 2) * process
+            );
           }
-
+        } else {
+          context.fillText(
+            text,
+            (points[i].area[0] + 5 - opts.width / 2) * process - (tWidth * (1 - process)) / 2,
+            (points[i].area[1] + 5 + tHeight - opts.height / 2) * process
+          );
         }
       }
+    }
 
-      context.stroke();
-      context.restore();
+    context.stroke();
+    context.restore();
   }
   context.restore();
 }
 
 function drawFunnelDataPoints(series, opts, config, context) {
   let process = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-  let funnelOption = assign({},{
-    activeWidth:10,
-    activeOpacity:0.3,
-    border:false,
-    borderWidth:2,
-    borderColor:'#FFFFFF',
-    fillOpacity:1,
-    labelAlign:'right'
-  },opts.extra.funnel);
-  let eachSpacing = (opts.height - opts.area[0] - opts.area[2])/series.length;
+  let funnelOption = assign(
+    {},
+    {
+      activeWidth: 10,
+      activeOpacity: 0.3,
+      border: false,
+      borderWidth: 2,
+      borderColor: '#FFFFFF',
+      fillOpacity: 1,
+      labelAlign: 'right'
+    },
+    opts.extra.funnel
+  );
+  let eachSpacing = (opts.height - opts.area[0] - opts.area[2]) / series.length;
   let centerPosition = {
     x: opts.area[3] + (opts.width - opts.area[1] - opts.area[3]) / 2,
-    y: opts.height-opts.area[2]
+    y: opts.height - opts.area[2]
   };
   let activeWidth = funnelOption.activeWidth;
-  let radius = Math.min((opts.width - opts.area[1] - opts.area[3]) / 2 - activeWidth, (opts.height - opts.area[0] - opts.area[2]) / 2 - activeWidth);
+  let radius = Math.min(
+    (opts.width - opts.area[1] - opts.area[3]) / 2 - activeWidth,
+    (opts.height - opts.area[0] - opts.area[2]) / 2 - activeWidth
+  );
   series = getFunnelDataPoints(series, radius, process);
   context.save();
-  context.translate(centerPosition.x,centerPosition.y);
-  for(let i=0;i<series.length;i++){
-    if(i==0){
+  context.translate(centerPosition.x, centerPosition.y);
+  for (let i = 0; i < series.length; i++) {
+    if (i == 0) {
       if (opts.tooltip) {
         if (opts.tooltip.index == i) {
           context.beginPath();
           context.setFillStyle(hexToRgb(series[i].color, funnelOption.activeOpacity));
           context.moveTo(-activeWidth, 0);
-          context.lineTo(-series[i].radius-activeWidth, -eachSpacing);
-          context.lineTo(series[i].radius+activeWidth, -eachSpacing);
+          context.lineTo(-series[i].radius - activeWidth, -eachSpacing);
+          context.lineTo(series[i].radius + activeWidth, -eachSpacing);
           context.lineTo(activeWidth, 0);
           context.lineTo(-activeWidth, 0);
           context.closePath();
           context.fill();
         }
       }
-      series[i].funnelArea=[centerPosition.x-series[i].radius,centerPosition.y-eachSpacing,centerPosition.x+series[i].radius,centerPosition.y];
+      series[i].funnelArea = [
+        centerPosition.x - series[i].radius,
+        centerPosition.y - eachSpacing,
+        centerPosition.x + series[i].radius,
+        centerPosition.y
+      ];
       context.beginPath();
       context.setLineWidth(funnelOption.borderWidth * opts.pixelRatio);
       context.setStrokeStyle(funnelOption.borderColor);
@@ -3880,19 +4162,19 @@ function drawFunnelDataPoints(series, opts, config, context) {
       context.lineTo(0, 0);
       context.closePath();
       context.fill();
-      if(funnelOption.border == true){
+      if (funnelOption.border == true) {
         context.stroke();
       }
-    }else{
+    } else {
       if (opts.tooltip) {
         if (opts.tooltip.index == i) {
           context.beginPath();
           context.setFillStyle(hexToRgb(series[i].color, funnelOption.activeOpacity));
           context.moveTo(0, 0);
-          context.lineTo(-series[i-1].radius-activeWidth, 0);
-          context.lineTo(-series[i].radius-activeWidth, -eachSpacing);
-          context.lineTo(series[i].radius+activeWidth, -eachSpacing);
-          context.lineTo(series[i-1].radius+activeWidth, 0);
+          context.lineTo(-series[i - 1].radius - activeWidth, 0);
+          context.lineTo(-series[i].radius - activeWidth, -eachSpacing);
+          context.lineTo(series[i].radius + activeWidth, -eachSpacing);
+          context.lineTo(series[i - 1].radius + activeWidth, 0);
           context.lineTo(0, 0);
           context.closePath();
           context.fill();
@@ -3900,24 +4182,29 @@ function drawFunnelDataPoints(series, opts, config, context) {
           context.fill();
         }
       }
-      series[i].funnelArea=[centerPosition.x-series[i].radius,centerPosition.y-eachSpacing*(i+1),centerPosition.x+series[i].radius,centerPosition.y-eachSpacing*i];
+      series[i].funnelArea = [
+        centerPosition.x - series[i].radius,
+        centerPosition.y - eachSpacing * (i + 1),
+        centerPosition.x + series[i].radius,
+        centerPosition.y - eachSpacing * i
+      ];
       context.beginPath();
       context.setLineWidth(funnelOption.borderWidth * opts.pixelRatio);
       context.setStrokeStyle(funnelOption.borderColor);
       context.setFillStyle(hexToRgb(series[i].color, funnelOption.fillOpacity));
       context.moveTo(0, 0);
-      context.lineTo(-series[i-1].radius, 0);
+      context.lineTo(-series[i - 1].radius, 0);
       context.lineTo(-series[i].radius, -eachSpacing);
       context.lineTo(series[i].radius, -eachSpacing);
-      context.lineTo(series[i-1].radius, 0);
+      context.lineTo(series[i - 1].radius, 0);
       context.lineTo(0, 0);
       context.closePath();
       context.fill();
-      if(funnelOption.border == true){
+      if (funnelOption.border == true) {
         context.stroke();
       }
     }
-    context.translate(0,-eachSpacing)
+    context.translate(0, -eachSpacing);
   }
   context.restore();
 
@@ -3932,26 +4219,26 @@ function drawFunnelDataPoints(series, opts, config, context) {
   };
 }
 
-function drawFunnelText(series, opts, context, eachSpacing, labelAlign,activeWidth, centerPosition){
-  for(let i=0;i<series.length;i++){
+function drawFunnelText(series, opts, context, eachSpacing, labelAlign, activeWidth, centerPosition) {
+  for (let i = 0; i < series.length; i++) {
     let item = series[i];
-    let startX,endX,startY,fontSize;
-    let text = item.format ? item.format(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_ * 100) +'%';
-    if(labelAlign == 'right'){
-      if(i==0){
-        startX=(item.funnelArea[2]+centerPosition.x)/2;
-      }else{
-        startX=(item.funnelArea[2]+series[i-1].funnelArea[2])/2;
+    let startX, endX, startY, fontSize;
+    let text = item.format ? item.format(+item._proportion_.toFixed(2)) : util.toFixed(item._proportion_ * 100) + '%';
+    if (labelAlign == 'right') {
+      if (i == 0) {
+        startX = (item.funnelArea[2] + centerPosition.x) / 2;
+      } else {
+        startX = (item.funnelArea[2] + series[i - 1].funnelArea[2]) / 2;
       }
-      endX=startX+activeWidth*2;
-      startY=item.funnelArea[1]+eachSpacing/2;
+      endX = startX + activeWidth * 2;
+      startY = item.funnelArea[1] + eachSpacing / 2;
       fontSize = item.textSize || opts.fontSize;
       context.setLineWidth(1 * opts.pixelRatio);
       context.setStrokeStyle(item.color);
       context.setFillStyle(item.color);
       context.beginPath();
-      context.moveTo(startX,startY );
-      context.lineTo(endX,startY);
+      context.moveTo(startX, startY);
+      context.lineTo(endX, startY);
       context.stroke();
       context.closePath();
       context.beginPath();
@@ -3962,25 +4249,25 @@ function drawFunnelText(series, opts, context, eachSpacing, labelAlign,activeWid
       context.beginPath();
       context.setFontSize(fontSize);
       context.setFillStyle(item.textColor || '#666666');
-      context.fillText(text, endX+5, startY + fontSize/2 -2);
+      context.fillText(text, endX + 5, startY + fontSize / 2 - 2);
       context.closePath();
       context.stroke();
       context.closePath();
-    }else{
-      if(i==0){
-        startX=(item.funnelArea[0]+centerPosition.x)/2;
-      }else{
-        startX=(item.funnelArea[0]+series[i-1].funnelArea[0])/2;
+    } else {
+      if (i == 0) {
+        startX = (item.funnelArea[0] + centerPosition.x) / 2;
+      } else {
+        startX = (item.funnelArea[0] + series[i - 1].funnelArea[0]) / 2;
       }
-      endX=startX-activeWidth*2;
-      startY=item.funnelArea[1]+eachSpacing/2;
+      endX = startX - activeWidth * 2;
+      startY = item.funnelArea[1] + eachSpacing / 2;
       fontSize = item.textSize || opts.fontSize;
       context.setLineWidth(1 * opts.pixelRatio);
       context.setStrokeStyle(item.color);
       context.setFillStyle(item.color);
       context.beginPath();
-      context.moveTo(startX,startY );
-      context.lineTo(endX,startY);
+      context.moveTo(startX, startY);
+      context.lineTo(endX, startY);
       context.stroke();
       context.closePath();
       context.beginPath();
@@ -3991,16 +4278,14 @@ function drawFunnelText(series, opts, context, eachSpacing, labelAlign,activeWid
       context.beginPath();
       context.setFontSize(fontSize);
       context.setFillStyle(item.textColor || '#666666');
-      context.fillText(text, endX-5-measureText(text), startY + fontSize/2 -2);
+      context.fillText(text, endX - 5 - measureText(text), startY + fontSize / 2 - 2);
       context.closePath();
       context.stroke();
       context.closePath();
     }
-
   }
 }
 
-
 function drawCanvas(opts, context) {
   context.draw();
 }
@@ -4032,8 +4317,8 @@ function Animation(opts) {
 
   function createAnimationFrame() {
     if (typeof setTimeout !== 'undefined') {
-      return function(step, delay) {
-        setTimeout(function() {
+      return function (step, delay) {
+        setTimeout(function () {
           var timeStamp = +new Date();
           step(timeStamp);
         }, delay);
@@ -4041,11 +4326,11 @@ function Animation(opts) {
     } else if (typeof requestAnimationFrame !== 'undefined') {
       return requestAnimationFrame;
     } else {
-      return function(step) {
+      return function (step) {
         step(null);
       };
     }
-  };
+  }
   var animationFrame = createAnimationFrame();
   var startTimeStamp = null;
   var _step = function step(timestamp) {
@@ -4075,7 +4360,7 @@ function Animation(opts) {
 
 // stop animation immediately
 // and tigger onAnimationFinish
-Animation.prototype.stop = function() {
+Animation.prototype.stop = function () {
   this.isStop = true;
 };
 
@@ -4134,7 +4419,8 @@ function drawCharts(type, opts, config, context) {
       break;
   }
 
-  let _calYAxisData = {},yAxisWidth = 0;
+  let _calYAxisData = {},
+    yAxisWidth = 0;
   if (opts.type === 'line' || opts.type === 'column' || opts.type === 'area' || opts.type === 'mix' || opts.type === 'candle') {
     _calYAxisData = calYAxisData(series, opts, config);
     yAxisWidth = _calYAxisData.yAxisWidth;
@@ -4181,38 +4467,42 @@ function drawCharts(type, opts, config, context) {
 
   switch (type) {
     case 'word':
-      let wordOption = assign({},{
-        type: 'normal',
-        autoColors: true
-      },opts.extra.word);
-      if(opts.updateData==true || opts.updateData==undefined){
-        opts.chartData.wordCloudData=getWordCloudPoint(opts,wordOption.type);
+      let wordOption = assign(
+        {},
+        {
+          type: 'normal',
+          autoColors: true
+        },
+        opts.extra.word
+      );
+      if (opts.updateData == true || opts.updateData == undefined) {
+        opts.chartData.wordCloudData = getWordCloudPoint(opts, wordOption.type);
       }
       this.animationInstance = new Animation({
         timing: 'easeInOut',
         duration: duration,
-        onProcess: function(process) {
+        onProcess: function (process) {
           context.clearRect(0, 0, opts.width, opts.height);
           if (opts.rotate) {
             contextRotate(context, opts);
           }
-          drawWordCloudDataPoints(series, opts, config, context,process);
+          drawWordCloudDataPoints(series, opts, config, context, process);
           drawCanvas(opts, context);
         },
         onAnimationFinish: function onAnimationFinish() {
           _this.event.trigger('renderComplete');
         }
       });
-    break;
+      break;
     case 'map':
       context.clearRect(0, 0, opts.width, opts.height);
       drawMapDataPoints(series, opts, config, context);
-    break;
+      break;
     case 'funnel':
       this.animationInstance = new Animation({
         timing: 'easeInOut',
         duration: duration,
-        onProcess: function(process) {
+        onProcess: function (process) {
           context.clearRect(0, 0, opts.width, opts.height);
           if (opts.rotate) {
             contextRotate(context, opts);
@@ -4226,7 +4516,7 @@ function drawCharts(type, opts, config, context) {
           _this.event.trigger('renderComplete');
         }
       });
-    break;
+      break;
     case 'line':
       this.animationInstance = new Animation({
         timing: 'easeIn',
@@ -4254,7 +4544,6 @@ function drawCharts(type, opts, config, context) {
           drawLegend(opts.series, opts, config, context, opts.chartData);
           drawToolTipBridge(opts, config, context, process, eachSpacing, xAxisPoints);
           drawCanvas(opts, context);
-
         },
         onAnimationFinish: function onAnimationFinish() {
           _this.event.trigger('renderComplete');
@@ -4498,12 +4787,12 @@ function Event() {
   this.events = {};
 }
 
-Event.prototype.addEventListener = function(type, listener) {
+Event.prototype.addEventListener = function (type, listener) {
   this.events[type] = this.events[type] || [];
   this.events[type].push(listener);
 };
 
-Event.prototype.trigger = function() {
+Event.prototype.trigger = function () {
   for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
@@ -4511,7 +4800,7 @@ Event.prototype.trigger = function() {
   var type = args[0];
   var params = args.slice(1);
   if (!!this.events[type]) {
-    this.events[type].forEach(function(listener) {
+    this.events[type].forEach(function (listener) {
       try {
         listener.apply(null, params);
       } catch (e) {
@@ -4527,34 +4816,46 @@ var Charts = function Charts(opts) {
   opts.title = assign({}, opts.title);
   opts.subtitle = assign({}, opts.subtitle);
   opts.duration = opts.duration ? opts.duration : 1000;
-  opts.yAxis = assign({}, {
-    gridType: 'solid',
-    dashLength: 4 * opts.pixelRatio
-  }, opts.yAxis);
-  opts.xAxis = assign({}, {
-    rotateLabel: false,
-    type: 'calibration',
-    gridType: 'solid',
-    dashLength: 4 * opts.pixelRatio,
-    scrollAlign: 'left',
-    boundaryGap:'center'
-  }, opts.xAxis);
-  opts.legend = assign({}, {
-    show: true,
-    position: 'bottom',
-    float: 'center',
-    backgroundColor: 'rgba(0,0,0,0)',
-    borderColor: 'rgba(0,0,0,0)',
-    borderWidth: 0,
-    padding: 5,
-    margin: 5,
-    itemGap: 10,
-    fontSize: opts.fontSize,
-    lineHeight: opts.fontSize,
-    fontColor: '#333333',
-    format: {},
-    hiddenColor: '#CECECE'
-  }, opts.legend);
+  opts.yAxis = assign(
+    {},
+    {
+      gridType: 'solid',
+      dashLength: 4 * opts.pixelRatio
+    },
+    opts.yAxis
+  );
+  opts.xAxis = assign(
+    {},
+    {
+      rotateLabel: false,
+      type: 'calibration',
+      gridType: 'solid',
+      dashLength: 4 * opts.pixelRatio,
+      scrollAlign: 'left',
+      boundaryGap: 'center'
+    },
+    opts.xAxis
+  );
+  opts.legend = assign(
+    {},
+    {
+      show: true,
+      position: 'bottom',
+      float: 'center',
+      backgroundColor: 'rgba(0,0,0,0)',
+      borderColor: 'rgba(0,0,0,0)',
+      borderWidth: 0,
+      padding: 5,
+      margin: 5,
+      itemGap: 10,
+      fontSize: opts.fontSize,
+      lineHeight: opts.fontSize,
+      fontColor: '#333333',
+      format: {},
+      hiddenColor: '#CECECE'
+    },
+    opts.legend
+  );
   opts.legend.borderWidth = opts.legend.borderWidth * opts.pixelRatio;
   opts.legend.itemGap = opts.legend.itemGap * opts.pixelRatio;
   opts.legend.padding = opts.legend.padding * opts.pixelRatio;
@@ -4567,10 +4868,16 @@ var Charts = function Charts(opts) {
   config$$1.colors = opts.colors ? opts.colors : config$$1.colors;
   config$$1.yAxisTitleWidth = opts.yAxis.disabled !== true && opts.yAxis.title ? config$$1.yAxisTitleWidth : 0;
   if (opts.type == 'pie' || opts.type == 'ring') {
-    config$$1.pieChartLinePadding = opts.dataLabel === false ? 0 : opts.extra.pie.labelWidth * opts.pixelRatio || config$$1.pieChartLinePadding * opts.pixelRatio;
+    config$$1.pieChartLinePadding =
+      opts.dataLabel === false
+        ? 0
+        : opts.extra.pie.labelWidth * opts.pixelRatio || config$$1.pieChartLinePadding * opts.pixelRatio;
   }
   if (opts.type == 'rose') {
-    config$$1.pieChartLinePadding = opts.dataLabel === false ? 0 : opts.extra.rose.labelWidth * opts.pixelRatio || config$$1.pieChartLinePadding * opts.pixelRatio;
+    config$$1.pieChartLinePadding =
+      opts.dataLabel === false
+        ? 0
+        : opts.extra.rose.labelWidth * opts.pixelRatio || config$$1.pieChartLinePadding * opts.pixelRatio;
   }
   config$$1.pieChartTextPadding = opts.dataLabel === false ? 0 : config$$1.pieChartTextPadding * opts.pixelRatio;
   config$$1.yAxisSplit = opts.yAxis.splitNumber ? opts.yAxis.splitNumber : config.yAxisSplit;
@@ -4630,7 +4937,7 @@ var Charts = function Charts(opts) {
   drawCharts.call(this, opts.type, opts, config$$1, this.context);
 };
 
-Charts.prototype.updateData = function() {
+Charts.prototype.updateData = function () {
   let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   this.opts = assign({}, this.opts, data);
   this.opts.updateData = true;
@@ -4673,15 +4980,16 @@ Charts.prototype.updateData = function() {
   drawCharts.call(this, this.opts.type, this.opts, this.config, this.context);
 };
 
-Charts.prototype.zoom = function() {
+Charts.prototype.zoom = function () {
   var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.opts.xAxis.itemCount;
   if (this.opts.enableScroll !== true) {
-    console.log('请启用滚动条后使用！')
+    console.log('请启用滚动条后使用！');
     return;
   }
   //当前屏幕中间点
-  let centerPoint = Math.round(Math.abs(this.scrollOption.currentOffset) / this.opts.chartData.eachSpacing) + Math.round(
-    this.opts.xAxis.itemCount / 2);
+  let centerPoint =
+    Math.round(Math.abs(this.scrollOption.currentOffset) / this.opts.chartData.eachSpacing) +
+    Math.round(this.opts.xAxis.itemCount / 2);
   this.opts.animation = false;
   this.opts.xAxis.itemCount = val.itemCount;
   //重新计算x轴偏移距离
@@ -4714,15 +5022,15 @@ Charts.prototype.zoom = function() {
   drawCharts.call(this, this.opts.type, this.opts, this.config, this.context);
 };
 
-Charts.prototype.stopAnimation = function() {
+Charts.prototype.stopAnimation = function () {
   this.animationInstance && this.animationInstance.stop();
 };
 
-Charts.prototype.addEventListener = function(type, listener) {
+Charts.prototype.addEventListener = function (type, listener) {
   this.event.addEventListener(type, listener);
 };
 
-Charts.prototype.getCurrentDataIndex = function(e) {
+Charts.prototype.getCurrentDataIndex = function (e) {
   var touches = null;
   if (e.changedTouches) {
     touches = e.changedTouches[0];
@@ -4732,41 +5040,63 @@ Charts.prototype.getCurrentDataIndex = function(e) {
   if (touches) {
     let _touches$ = getTouches(touches, this.opts, e);
     if (this.opts.type === 'pie' || this.opts.type === 'ring' || this.opts.type === 'rose') {
-      return findPieChartCurrentIndex({
-        x: _touches$.x,
-        y: _touches$.y
-      }, this.opts.chartData.pieData);
+      return findPieChartCurrentIndex(
+        {
+          x: _touches$.x,
+          y: _touches$.y
+        },
+        this.opts.chartData.pieData
+      );
     } else if (this.opts.type === 'radar') {
-      return findRadarChartCurrentIndex({
-        x: _touches$.x,
-        y: _touches$.y
-      }, this.opts.chartData.radarData, this.opts.categories.length);
+      return findRadarChartCurrentIndex(
+        {
+          x: _touches$.x,
+          y: _touches$.y
+        },
+        this.opts.chartData.radarData,
+        this.opts.categories.length
+      );
     } else if (this.opts.type === 'funnel') {
-      return findFunnelChartCurrentIndex({
-        x: _touches$.x,
-        y: _touches$.y
-      }, this.opts.chartData.funnelData);
+      return findFunnelChartCurrentIndex(
+        {
+          x: _touches$.x,
+          y: _touches$.y
+        },
+        this.opts.chartData.funnelData
+      );
     } else if (this.opts.type === 'map') {
-      return findMapChartCurrentIndex({
-        x: _touches$.x,
-        y: _touches$.y
-      }, this.opts);
-    }else if (this.opts.type === 'word') {
-      return findWordChartCurrentIndex({
-        x: _touches$.x,
-        y: _touches$.y
-      }, this.opts.chartData.wordCloudData);
+      return findMapChartCurrentIndex(
+        {
+          x: _touches$.x,
+          y: _touches$.y
+        },
+        this.opts
+      );
+    } else if (this.opts.type === 'word') {
+      return findWordChartCurrentIndex(
+        {
+          x: _touches$.x,
+          y: _touches$.y
+        },
+        this.opts.chartData.wordCloudData
+      );
     } else {
-      return findCurrentIndex({
-        x: _touches$.x,
-        y: _touches$.y
-      }, this.opts.chartData.xAxisPoints, this.opts, this.config, Math.abs(this.scrollOption.currentOffset));
+      return findCurrentIndex(
+        {
+          x: _touches$.x,
+          y: _touches$.y
+        },
+        this.opts.chartData.xAxisPoints,
+        this.opts,
+        this.config,
+        Math.abs(this.scrollOption.currentOffset)
+      );
     }
   }
   return -1;
 };
 
-Charts.prototype.getLegendDataIndex = function(e) {
+Charts.prototype.getLegendDataIndex = function (e) {
   var touches = null;
   if (e.changedTouches) {
     touches = e.changedTouches[0];
@@ -4775,15 +5105,18 @@ Charts.prototype.getLegendDataIndex = function(e) {
   }
   if (touches) {
     let _touches$ = getTouches(touches, this.opts, e);
-    return findLegendIndex({
-      x: _touches$.x,
-      y: _touches$.y
-    }, this.opts.chartData.legendData);
+    return findLegendIndex(
+      {
+        x: _touches$.x,
+        y: _touches$.y
+      },
+      this.opts.chartData.legendData
+    );
   }
   return -1;
 };
 
-Charts.prototype.touchLegend = function(e) {
+Charts.prototype.touchLegend = function (e) {
   var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var touches = null;
   if (e.changedTouches) {
@@ -4800,10 +5133,9 @@ Charts.prototype.touchLegend = function(e) {
       drawCharts.call(this, this.opts.type, this.opts, this.config, this.context);
     }
   }
-
 };
 
-Charts.prototype.showToolTip = function(e) {
+Charts.prototype.showToolTip = function (e) {
   var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var touches = null;
   if (e.changedTouches) {
@@ -4812,7 +5144,7 @@ Charts.prototype.showToolTip = function(e) {
     touches = e.mp.changedTouches[0];
   }
   if (!touches) {
-    console.log("touchError");
+    console.log('touchError');
   }
   var _touches$ = getTouches(touches, this.opts, e);
   var currentOffset = this.scrollOption.currentOffset;
@@ -4825,7 +5157,7 @@ Charts.prototype.showToolTip = function(e) {
     if (index > -1) {
       var seriesData = getSeriesDataItem(this.opts.series, index);
       if (seriesData.length !== 0) {
-        var _getToolTipData = getToolTipData(seriesData, this.opts.chartData.calPoints, index, this.opts.categories,option),
+        var _getToolTipData = getToolTipData(seriesData, this.opts.chartData.calPoints, index, this.opts.categories, option),
           textList = _getToolTipData.textList,
           offset = _getToolTipData.offset;
         offset.y = _touches$.y;
@@ -4849,7 +5181,13 @@ Charts.prototype.showToolTip = function(e) {
       });
       var seriesData = getSeriesDataItem(this.opts.series, index);
       if (seriesData.length !== 0) {
-        var _getMixToolTipData = getMixToolTipData(seriesData, this.opts.chartData.calPoints, index, this.opts.categories,option),
+        var _getMixToolTipData = getMixToolTipData(
+            seriesData,
+            this.opts.chartData.calPoints,
+            index,
+            this.opts.categories,
+            option
+          ),
           textList = _getMixToolTipData.textList,
           offset = _getMixToolTipData.offset;
         offset.y = _touches$.y;
@@ -4873,8 +5211,15 @@ Charts.prototype.showToolTip = function(e) {
       });
       var seriesData = getSeriesDataItem(this.opts.series, index);
       if (seriesData.length !== 0) {
-        var _getToolTipData = getCandleToolTipData(this.opts.series[0].data, seriesData, this.opts.chartData.calPoints,
-            index, this.opts.categories, this.opts.extra.candle, option),
+        var _getToolTipData = getCandleToolTipData(
+            this.opts.series[0].data,
+            seriesData,
+            this.opts.chartData.calPoints,
+            index,
+            this.opts.categories,
+            this.opts.extra.candle,
+            option
+          ),
           textList = _getToolTipData.textList,
           offset = _getToolTipData.offset;
         offset.y = _touches$.y;
@@ -4888,7 +5233,7 @@ Charts.prototype.showToolTip = function(e) {
     }
     drawCharts.call(this, opts.type, opts, this.config, this.context);
   }
-  if (this.opts.type === 'pie' || this.opts.type === 'ring' || this.opts.type === 'rose'||this.opts.type === 'funnel' ) {
+  if (this.opts.type === 'pie' || this.opts.type === 'ring' || this.opts.type === 'rose' || this.opts.type === 'funnel') {
     var index = this.getCurrentDataIndex(e);
     if (index > -1) {
       var currentOffset = this.scrollOption.currentOffset;
@@ -4897,10 +5242,12 @@ Charts.prototype.showToolTip = function(e) {
         animation: false
       });
       var seriesData = this.opts._series_[index];
-      var textList = [{
-        text: option.format ? option.format(seriesData) : seriesData.name + ': ' + seriesData.data,
-        color: seriesData.color
-      }];
+      var textList = [
+        {
+          text: option.format ? option.format(seriesData) : seriesData.name + ': ' + seriesData.data,
+          color: seriesData.color
+        }
+      ];
       var offset = {
         x: _touches$.x,
         y: _touches$.y
@@ -4914,7 +5261,7 @@ Charts.prototype.showToolTip = function(e) {
     }
     drawCharts.call(this, opts.type, opts, this.config, this.context);
   }
-  if (this.opts.type === 'map'||this.opts.type === 'word') {
+  if (this.opts.type === 'map' || this.opts.type === 'word') {
     var index = this.getCurrentDataIndex(e);
     if (index > -1) {
       var currentOffset = this.scrollOption.currentOffset;
@@ -4923,10 +5270,12 @@ Charts.prototype.showToolTip = function(e) {
         animation: false
       });
       var seriesData = this.opts._series_[index];
-      var textList = [{
-        text: option.format ? option.format(seriesData) : seriesData.properties.name ,
-        color: seriesData.color
-      }];
+      var textList = [
+        {
+          text: option.format ? option.format(seriesData) : seriesData.properties.name,
+          color: seriesData.color
+        }
+      ];
       var offset = {
         x: _touches$.x,
         y: _touches$.y
@@ -4951,7 +5300,7 @@ Charts.prototype.showToolTip = function(e) {
       });
       var seriesData = getSeriesDataItem(this.opts.series, index);
       if (seriesData.length !== 0) {
-        var textList = seriesData.map(function(item) {
+        var textList = seriesData.map(function (item) {
           return {
             text: option.format ? option.format(item) : item.name + ': ' + item.data,
             color: item.color
@@ -4973,7 +5322,7 @@ Charts.prototype.showToolTip = function(e) {
   }
 };
 
-Charts.prototype.translate = function(distance) {
+Charts.prototype.translate = function (distance) {
   this.scrollOption = {
     currentOffset: distance,
     startTouchX: distance,
@@ -4987,7 +5336,7 @@ Charts.prototype.translate = function(distance) {
   drawCharts.call(this, this.opts.type, opts, this.config, this.context);
 };
 
-Charts.prototype.scrollStart = function(e) {
+Charts.prototype.scrollStart = function (e) {
   var touches = null;
   if (e.changedTouches) {
     touches = e.changedTouches[0];
@@ -5000,7 +5349,7 @@ Charts.prototype.scrollStart = function(e) {
   }
 };
 
-Charts.prototype.scroll = function(e) {
+Charts.prototype.scroll = function (e) {
   if (this.scrollOption.lastMoveTime === 0) {
     this.scrollOption.lastMoveTime = Date.now();
   }
@@ -5031,7 +5380,7 @@ Charts.prototype.scroll = function(e) {
   }
 };
 
-Charts.prototype.scrollEnd = function(e) {
+Charts.prototype.scrollEnd = function (e) {
   if (this.opts.enableScroll === true) {
     var _scrollOption = this.scrollOption,
       currentOffset = _scrollOption.currentOffset,
@@ -5040,7 +5389,7 @@ Charts.prototype.scrollEnd = function(e) {
     this.scrollOption.distance = 0;
   }
 };
-if (typeof module === "object" && typeof module.exports === "object") {
-  module.exports = Charts;
+if (typeof module === 'object' && typeof module.exports === 'object') {
   //export default Charts;//建议使用nodejs的module导出方式，如报错请使用export方式导出
 }
+export default Charts;