fix(LineChart): when set the markline, the line display is abnormal (#404)

Author: ader-h

src/components/LineChart/handleVisualMap.js

@@ -46,7 +46,7 @@ function handleVisualMapItem({ index, topColor, top, bottom, bottomColor, vmColo
   return visualMapItem;
 }
 
-export function setVisualMap(legendData, seriesData, iChartOpt, baseOpt) {
+export function setVisualMap(legendData, seriesData, iChartOpt, baseOpt, chartsIns) {
   const visualMap = [];
   const { color: colors, markLine } = iChartOpt;
   if (!markLine) return visualMap;
@@ -92,8 +92,11 @@ export function setVisualMap(legendData, seriesData, iChartOpt, baseOpt) {
     }
     legendData.forEach((legendName, index) => {
       const data = seriesData[legendName];
-      const minData = min(data);
-      const maxData = max(data);
+      let minData = chartsIns.getYAxisMinValue(chartsIns.chartInstance, 0);
+      let maxData = chartsIns.getYAxisMaxValue(chartsIns.chartInstance, 0) ;
+      minData = minData !== undefined ? minData : min(data);
+      maxData = maxData !== undefined ? maxData : max(data);
+
       if(minData === undefined || maxData === undefined){
         return visualMap;
       }

src/components/LineChart/index.js

@@ -79,7 +79,7 @@ class LineChart {
       colors: iChartOption.color
     });
     // 设置VisualMap，通过数值映射颜色
-    this.baseOption.visualMap = setVisualMap(legendData, seriesData, iChartOption, this.baseOption);
+    this.baseOption.visualMap = setVisualMap(legendData, seriesData, iChartOption, this.baseOption, this);
     // 针对预测值图表需求，图表需要进行特殊处理
     handlePredict(this.baseOption, iChartOption);
     // 是否关闭hover态的效果，默认为false