@ebiz/designer-components 0.0.19-beta.1 → 0.0.19

package/src/components/charts/components/RadarChart/chartToken.js

@@ -1,17 +1,17 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import Token from '../../feature/token'
-import {CHART_TYPE} from '../../util/constants'
-
-const chartToken = Token.getTokenByName(CHART_TYPE.RADAR)
-
-export default chartToken;
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import Token from '../../feature/token'
+import {CHART_TYPE} from '../../util/constants'
+
+const chartToken = Token.getTokenByName(CHART_TYPE.RADAR)
+
+export default chartToken;

package/src/components/charts/components/RadarChart/handleOptipn.js

@@ -1,316 +1,316 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import { isArray, isObject } from '../../util/type';
-import cloneDeep from '../../util/cloneDeep';
-import defendXSS from '../../util/defendXSS';
-import merge from '../../util/merge';
-import tips from '../../util/tips';
-import title from '../../option/config/polarTitle';
-import tooltip from '../../option/config/tooltip';
-import legend from '../../option/config/legend';
-import Token from '../../feature/token';
-import getRadar, { getMarkRadarOption, getThresholdSeries } from './BaseOption';
-import { getColor } from '../../util/color';
-
-function initRadarSys(baseOpt, iChartOpt) {
-  baseOpt.color = iChartOpt.color;
-  baseOpt.tooltip = tooltip(iChartOpt, 'RadarChart');
-  baseOpt.title = title(iChartOpt);
-  baseOpt.legend = legend(iChartOpt);
-  baseOpt.radar = []
-  baseOpt.series = []
-}
-
-
-function handleCusMax(iChartOpt) {
-  let max = 0;
-  const { radarMax, radar } = iChartOpt;
-  if (isArray(radarMax)) {
-    radarMax.forEach(item => {
-      if (item.max > max) max = item.max;
-    });
-  }
-  if (radar?.indicator) {
-    radar.indicator.forEach(el => {
-      if (el.max > max) max = el.max;
-    });
-  }
-  return max;
-}
-
-function findDataMax(keys, data) {
-  let max;
-  for (let j = 0; j < keys.length; j++) {
-    const key = keys[j];
-    if (max === undefined) {
-      max = data[key];
-    }
-    max = Math.max(max, data[key]);
-  }
-  return max;
-}
-
-/**
- * 雷达图数据的最大值
- */
-function getRadarMax(data, iChartOpt, isCustomMaxVal) {
-  let max
-  // 处理自定义max情况下的雷达图的默认最大值为未自定义的系列数据的最大值
-  let cusDataName;
-  const { radarMax, radar } = iChartOpt;
-  if (isCustomMaxVal) {
-    if (isArray(radarMax)) {
-      cusDataName = radarMax.map(item => item.name);
-    }
-    if (radar?.indicator) {
-      cusDataName = radar.indicator.map(i => i.name);
-    }
-  }
-  const names = Object.keys(data);
-  for (let i = 0; i < names.length; i++) {
-    const name = names[i];
-    const keys = Object.keys(data[name]);
-    if (isCustomMaxVal) {
-      // 过滤出自定义的系列
-      const dataKeys = [];
-      keys.forEach(name => {
-        if (!cusDataName.includes(name)) {
-          dataKeys.push(name)
-        };
-      });
-      const seriesDataMax = findDataMax(dataKeys, data[name]);
-      if (max === undefined) max = seriesDataMax
-      // 所有系列都自定义的情况，最大值取自定义里面的最大值
-      if (max === undefined) {
-        max = handleCusMax(iChartOpt);
-      }
-    } else {
-      const seriesDataMax = findDataMax(keys, data[name]);
-      if (max === undefined) max = seriesDataMax
-      // 多个系列的数据值做处理
-      if (max || max === 0) {
-        max = Math.max(max, seriesDataMax)
-      }
-    }
-  }
-  return max;
-}
-
-/**
- * 从数据中拿出雷达的所有维度
- */
-function getRadarKeys(data) {
-  const radarKeys = [];
-  const seriesNames = Object.keys(data);
-  for (let i = 0; i < seriesNames.length; i++) {
-    const seriesName = seriesNames[i];
-    const seriesData = data[seriesName];
-    const dataNames = Object.keys(seriesData);
-    for (let j = 0; j < dataNames.length; j++) {
-      const dataName = dataNames[j];
-      if (radarKeys.indexOf(dataName) === -1) {
-        radarKeys.push(dataName);
-      }
-    }
-  }
-  return radarKeys;
-}
-
-function setCenterAndRadius(radar, iChartOpt) {
-  const chartPosition = iChartOpt.chartPosition || iChartOpt.position || {};
-  if (chartPosition.center) radar.center = chartPosition.center;
-  if (chartPosition.radius) radar.radius = chartPosition.radius;
-}
-
-function setIndicator(radar, radarKeys, isCustomMaxVal, iChartOpt) {
-  const { radarMax, data, radarMark } = iChartOpt;
-  const isRadarMaxArr = isArray(radarMax);
-  radar.indicator = radarKeys.map((name, index) => {
-    if (!isRadarMaxArr) {
-      // 非数组的形式默认所有维度共享一个最大值，只显示一个维度的刻度
-      return index === 0 ? { name, max: radarMax } : { name, max: radarMax, axisLabel: { show: false } };
-    } else {
-      const inerMax = getRadarMax(data, iChartOpt, isCustomMaxVal);
-      const isName = radarMax.find(item => item.name === name);
-      const cusIndicator = isName || {};
-      return { name, max: inerMax, axisLabel: { show: !!radarMark }, ...cusIndicator };
-    }
-  });
-}
-
-function mergeRadar(radar, iChartOpt, isCommon) {
-  if (iChartOpt.radar) merge(radar, iChartOpt.radar);
-  // 开发针对单个轴做特殊配置
-  if (iChartOpt.radar?.indicator) {
-    const mixinIndicator = radar.indicator.map(i => {
-      const coveredIndicator = iChartOpt.radar.indicator.find(indicate => indicate.name === i.name);
-      return coveredIndicator || i;
-    });
-    radar.indicator = mixinIndicator;
-  }
-}
-
-function setAxisLabel(radar, iChartOpt) {
-  const { radarMark } = iChartOpt;
-  // 此处是因为默认情况情况下开启刻度特殊处理
-  radar.axisLabel.show = radarMark === undefined ? true : !!radarMark
-}
-
-function setRadarShape(radar, baseOpt) {
-  radar.shape = baseOpt.radar[0].shape;
-}
-
-function setRadar(baseOpt, iChartOpt, radarKeys, isCustomMaxVal) {
-  const radar = getRadar();
-  // 坐标轴射线的刻度,只显示一条射线的刻度,其他射线的刻度需要在指示器数据indicator中每项单独配置axisLabel: { show: false }
-  setAxisLabel(radar, iChartOpt)
-  setCenterAndRadius(radar, iChartOpt);
-  setIndicator(radar, radarKeys, isCustomMaxVal, iChartOpt);
-  mergeRadar(radar, iChartOpt);
-  baseOpt.radar.push(radar);
-}
-
-function handletipHtml(tooltip, tipHtml, radarKeys) {
-  tooltip.formatter = (params, ticket, callback) => {
-    return tipHtml(params, radarKeys, ticket, callback);
-  };
-}
-
-function checkValue(val) {
-  return val || val === 0 ? val : '-'
-}
-
-
-function getCommonDataColor(iChartOpt, data, dataName) {
-  const dataNames = Object.keys(data)
-  const curNameIndex = dataNames.indexOf(dataName)
-  if (curNameIndex !== -1) return getColor(iChartOpt.color, curNameIndex)
-}
-
-function handleFormatter(tooltip, iChartOpt, radarKeys, data) {
-  const { markLine } = iChartOpt;
-  const alarmColor = Token.config.colorState.colorError;
-  const isThreshold = !!(isObject(markLine) && markLine?.threshold);
-  tooltip.formatter = params => {
-    const seriesdata = params.data;
-    const dataName = seriesdata.name;
-    let tipData = seriesdata.value
-    let dataColor = params.color;
-    // 处理阈值情况下的数据来源
-    if (params.seriesName === 'threshold') {
-      tipData = radarKeys.map(key => {
-        return data[dataName][key];
-      })
-      dataColor = getCommonDataColor(iChartOpt, data, dataName)
-    }
-    let htmlString = `<div style="margin-bottom:4px;">${defendXSS(dataName)}</div>`;
-    tipData.forEach((item, index) => {
-      let color = dataColor
-      if (markLine) {
-        const markVal = isThreshold ? markLine.threshold[radarKeys[index]] : markLine;
-        if (item >= markVal) color = alarmColor
-      }
-      htmlString += `<div style="margin-bottom:4px;">
-      <span style="display:inline-block;width:8px;
-      height:8px;margin-right:8px;border-radius:5px;
-      background-color:${defendXSS(color)};"></span>
-      <span style="display:inline-block;margin-right:8px;
-      min-width:60px;font-size:12px">${defendXSS(radarKeys[index])}</span>
-      <span style="font-size:14px">${defendXSS(checkValue(item))}</span>
-      </div>`;
-    });
-    return htmlString;
-  };
-}
-
-/**
- * 配置鼠标悬浮提示框
- */
-function setTooltip(baseOpt, iChartOpt, radarKeys, data) {
-  const { tipHtml, tooltip ,gradient} = iChartOpt;
-  if(gradient) return 
-  tipHtml ? handletipHtml(baseOpt.tooltip, tipHtml, radarKeys) : handleFormatter(baseOpt.tooltip, iChartOpt, radarKeys, data);
-  // 针对tooltip中传formatter做特殊处理
-  if (tooltip?.formatter) {
-    baseOpt.tooltip.formatter = (params, ticket, callback) => {
-      return tooltip.formatter(params, radarKeys, ticket, callback);
-    };
-  }
-}
-
-
-function setMarkCenterAndRadius(radar, baseOpt) {
-  radar.center = baseOpt.radar[0].center;
-  radar.radius = baseOpt.radar[0].radius;
-}
-
-function setCustomMarkLine(markRadar, baseOpt, iChartOpt, radarKeys) {
-  const {
-    markLine: { threshold },
-  } = iChartOpt;
-  markRadar.indicator = cloneDeep(baseOpt.radar[0].indicator);
-  markRadar.splitLine.show = false
-  const thresholdData = radarKeys.map(item => {
-    const data = threshold[item] || 0;
-    return data;
-  });
-  const thresholdSeries = getThresholdSeries()
-  thresholdSeries.data = [{ name: '', value: thresholdData }];
-  baseOpt.series.push(thresholdSeries);
-}
-
-function setCommonMarkLine(markRadar, baseOpt, iChartOpt, radarKeys) {
-  // 雷达图半径
-  const radius = baseOpt.radar[0].radius;
-  // 雷达图有中心文本的情况下radius需要写成数组
-  const radiusIsArray = isArray(radius);
-  // 雷达图最大值
-  const { radarMax, markLine } = iChartOpt;
-  if (isObject(radarMax)) {
-    tips.error(
-      'If markLine is of the number type, radarMax must be of the number type. If radarMax is of the object type, set markLine.threshold',
-    );
-    return;
-  }
-  const markLineValue = Number.parseFloat(markLine);
-  let marklineRadius;
-  if (radiusIsArray) {
-    const disRadius = Number.parseFloat(radius[1]) - Number.parseFloat(radius[0]);
-    marklineRadius =
-      disRadius * (markLineValue / radarMax) +
-      Number.parseFloat(radius[0]) +
-      (radius[0].toString().indexOf('%') !== -1 ? '%' : '');
-  } else {
-    marklineRadius =
-      (markLineValue / radarMax) * Number.parseFloat(radius) + (radius.toString().indexOf('%') !== -1 ? '%' : '');
-  }
-  // 阈值线
-  markRadar.radius = marklineRadius;
-  markRadar.indicator = Array(radarKeys.length).fill({ name: '' });
-}
-
-function setMarkLine(baseOpt, iChartOpt, radarKeys) {
-  const { markLine, gradient } = iChartOpt;
-  if (gradient) return
-  if (markLine) {
-    const markRadar = getMarkRadarOption();
-    setRadarShape(markRadar, baseOpt)
-    setMarkCenterAndRadius(markRadar, baseOpt);
-    const isThreshold = !!(isObject(markLine) && markLine?.threshold);
-    isThreshold
-      ? setCustomMarkLine(markRadar, baseOpt, iChartOpt, radarKeys)
-      : setCommonMarkLine(markRadar, baseOpt, iChartOpt, radarKeys);
-    baseOpt.radar.push(markRadar);
-  }
-}
-
-export { setRadar, getRadarKeys, getRadarMax, setTooltip, setMarkLine, initRadarSys, setRadarShape,handletipHtml ,checkValue};
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { isArray, isObject } from '../../util/type';
+import cloneDeep from '../../util/cloneDeep';
+import defendXSS from '../../util/defendXSS';
+import merge from '../../util/merge';
+import tips from '../../util/tips';
+import title from '../../option/config/polarTitle';
+import tooltip from '../../option/config/tooltip';
+import legend from '../../option/config/legend';
+import Token from '../../feature/token';
+import getRadar, { getMarkRadarOption, getThresholdSeries } from './BaseOption';
+import { getColor } from '../../util/color';
+
+function initRadarSys(baseOpt, iChartOpt) {
+  baseOpt.color = iChartOpt.color;
+  baseOpt.tooltip = tooltip(iChartOpt, 'RadarChart');
+  baseOpt.title = title(iChartOpt);
+  baseOpt.legend = legend(iChartOpt);
+  baseOpt.radar = []
+  baseOpt.series = []
+}
+
+
+function handleCusMax(iChartOpt) {
+  let max = 0;
+  const { radarMax, radar } = iChartOpt;
+  if (isArray(radarMax)) {
+    radarMax.forEach(item => {
+      if (item.max > max) max = item.max;
+    });
+  }
+  if (radar?.indicator) {
+    radar.indicator.forEach(el => {
+      if (el.max > max) max = el.max;
+    });
+  }
+  return max;
+}
+
+function findDataMax(keys, data) {
+  let max;
+  for (let j = 0; j < keys.length; j++) {
+    const key = keys[j];
+    if (max === undefined) {
+      max = data[key];
+    }
+    max = Math.max(max, data[key]);
+  }
+  return max;
+}
+
+/**
+ * 雷达图数据的最大值
+ */
+function getRadarMax(data, iChartOpt, isCustomMaxVal) {
+  let max
+  // 处理自定义max情况下的雷达图的默认最大值为未自定义的系列数据的最大值
+  let cusDataName;
+  const { radarMax, radar } = iChartOpt;
+  if (isCustomMaxVal) {
+    if (isArray(radarMax)) {
+      cusDataName = radarMax.map(item => item.name);
+    }
+    if (radar?.indicator) {
+      cusDataName = radar.indicator.map(i => i.name);
+    }
+  }
+  const names = Object.keys(data);
+  for (let i = 0; i < names.length; i++) {
+    const name = names[i];
+    const keys = Object.keys(data[name]);
+    if (isCustomMaxVal) {
+      // 过滤出自定义的系列
+      const dataKeys = [];
+      keys.forEach(name => {
+        if (!cusDataName.includes(name)) {
+          dataKeys.push(name)
+        };
+      });
+      const seriesDataMax = findDataMax(dataKeys, data[name]);
+      if (max === undefined) max = seriesDataMax
+      // 所有系列都自定义的情况，最大值取自定义里面的最大值
+      if (max === undefined) {
+        max = handleCusMax(iChartOpt);
+      }
+    } else {
+      const seriesDataMax = findDataMax(keys, data[name]);
+      if (max === undefined) max = seriesDataMax
+      // 多个系列的数据值做处理
+      if (max || max === 0) {
+        max = Math.max(max, seriesDataMax)
+      }
+    }
+  }
+  return max;
+}
+
+/**
+ * 从数据中拿出雷达的所有维度
+ */
+function getRadarKeys(data) {
+  const radarKeys = [];
+  const seriesNames = Object.keys(data);
+  for (let i = 0; i < seriesNames.length; i++) {
+    const seriesName = seriesNames[i];
+    const seriesData = data[seriesName];
+    const dataNames = Object.keys(seriesData);
+    for (let j = 0; j < dataNames.length; j++) {
+      const dataName = dataNames[j];
+      if (radarKeys.indexOf(dataName) === -1) {
+        radarKeys.push(dataName);
+      }
+    }
+  }
+  return radarKeys;
+}
+
+function setCenterAndRadius(radar, iChartOpt) {
+  const chartPosition = iChartOpt.chartPosition || iChartOpt.position || {};
+  if (chartPosition.center) radar.center = chartPosition.center;
+  if (chartPosition.radius) radar.radius = chartPosition.radius;
+}
+
+function setIndicator(radar, radarKeys, isCustomMaxVal, iChartOpt) {
+  const { radarMax, data, radarMark } = iChartOpt;
+  const isRadarMaxArr = isArray(radarMax);
+  radar.indicator = radarKeys.map((name, index) => {
+    if (!isRadarMaxArr) {
+      // 非数组的形式默认所有维度共享一个最大值，只显示一个维度的刻度
+      return index === 0 ? { name, max: radarMax } : { name, max: radarMax, axisLabel: { show: false } };
+    } else {
+      const inerMax = getRadarMax(data, iChartOpt, isCustomMaxVal);
+      const isName = radarMax.find(item => item.name === name);
+      const cusIndicator = isName || {};
+      return { name, max: inerMax, axisLabel: { show: !!radarMark }, ...cusIndicator };
+    }
+  });
+}
+
+function mergeRadar(radar, iChartOpt, isCommon) {
+  if (iChartOpt.radar) merge(radar, iChartOpt.radar);
+  // 开发针对单个轴做特殊配置
+  if (iChartOpt.radar?.indicator) {
+    const mixinIndicator = radar.indicator.map(i => {
+      const coveredIndicator = iChartOpt.radar.indicator.find(indicate => indicate.name === i.name);
+      return coveredIndicator || i;
+    });
+    radar.indicator = mixinIndicator;
+  }
+}
+
+function setAxisLabel(radar, iChartOpt) {
+  const { radarMark } = iChartOpt;
+  // 此处是因为默认情况情况下开启刻度特殊处理
+  radar.axisLabel.show = radarMark === undefined ? true : !!radarMark
+}
+
+function setRadarShape(radar, baseOpt) {
+  radar.shape = baseOpt.radar[0].shape;
+}
+
+function setRadar(baseOpt, iChartOpt, radarKeys, isCustomMaxVal) {
+  const radar = getRadar();
+  // 坐标轴射线的刻度,只显示一条射线的刻度,其他射线的刻度需要在指示器数据indicator中每项单独配置axisLabel: { show: false }
+  setAxisLabel(radar, iChartOpt)
+  setCenterAndRadius(radar, iChartOpt);
+  setIndicator(radar, radarKeys, isCustomMaxVal, iChartOpt);
+  mergeRadar(radar, iChartOpt);
+  baseOpt.radar.push(radar);
+}
+
+function handletipHtml(tooltip, tipHtml, radarKeys) {
+  tooltip.formatter = (params, ticket, callback) => {
+    return tipHtml(params, radarKeys, ticket, callback);
+  };
+}
+
+function checkValue(val) {
+  return val || val === 0 ? val : '-'
+}
+
+
+function getCommonDataColor(iChartOpt, data, dataName) {
+  const dataNames = Object.keys(data)
+  const curNameIndex = dataNames.indexOf(dataName)
+  if (curNameIndex !== -1) return getColor(iChartOpt.color, curNameIndex)
+}
+
+function handleFormatter(tooltip, iChartOpt, radarKeys, data) {
+  const { markLine } = iChartOpt;
+  const alarmColor = Token.config.colorState.colorError;
+  const isThreshold = !!(isObject(markLine) && markLine?.threshold);
+  tooltip.formatter = params => {
+    const seriesdata = params.data;
+    const dataName = seriesdata.name;
+    let tipData = seriesdata.value
+    let dataColor = params.color;
+    // 处理阈值情况下的数据来源
+    if (params.seriesName === 'threshold') {
+      tipData = radarKeys.map(key => {
+        return data[dataName][key];
+      })
+      dataColor = getCommonDataColor(iChartOpt, data, dataName)
+    }
+    let htmlString = `<div style="margin-bottom:4px;">${defendXSS(dataName)}</div>`;
+    tipData.forEach((item, index) => {
+      let color = dataColor
+      if (markLine) {
+        const markVal = isThreshold ? markLine.threshold[radarKeys[index]] : markLine;
+        if (item >= markVal) color = alarmColor
+      }
+      htmlString += `<div style="margin-bottom:4px;">
+      <span style="display:inline-block;width:8px;
+      height:8px;margin-right:8px;border-radius:5px;
+      background-color:${defendXSS(color)};"></span>
+      <span style="display:inline-block;margin-right:8px;
+      min-width:60px;font-size:12px">${defendXSS(radarKeys[index])}</span>
+      <span style="font-size:14px">${defendXSS(checkValue(item))}</span>
+      </div>`;
+    });
+    return htmlString;
+  };
+}
+
+/**
+ * 配置鼠标悬浮提示框
+ */
+function setTooltip(baseOpt, iChartOpt, radarKeys, data) {
+  const { tipHtml, tooltip ,gradient} = iChartOpt;
+  if(gradient) return 
+  tipHtml ? handletipHtml(baseOpt.tooltip, tipHtml, radarKeys) : handleFormatter(baseOpt.tooltip, iChartOpt, radarKeys, data);
+  // 针对tooltip中传formatter做特殊处理
+  if (tooltip?.formatter) {
+    baseOpt.tooltip.formatter = (params, ticket, callback) => {
+      return tooltip.formatter(params, radarKeys, ticket, callback);
+    };
+  }
+}
+
+
+function setMarkCenterAndRadius(radar, baseOpt) {
+  radar.center = baseOpt.radar[0].center;
+  radar.radius = baseOpt.radar[0].radius;
+}
+
+function setCustomMarkLine(markRadar, baseOpt, iChartOpt, radarKeys) {
+  const {
+    markLine: { threshold },
+  } = iChartOpt;
+  markRadar.indicator = cloneDeep(baseOpt.radar[0].indicator);
+  markRadar.splitLine.show = false
+  const thresholdData = radarKeys.map(item => {
+    const data = threshold[item] || 0;
+    return data;
+  });
+  const thresholdSeries = getThresholdSeries()
+  thresholdSeries.data = [{ name: '', value: thresholdData }];
+  baseOpt.series.push(thresholdSeries);
+}
+
+function setCommonMarkLine(markRadar, baseOpt, iChartOpt, radarKeys) {
+  // 雷达图半径
+  const radius = baseOpt.radar[0].radius;
+  // 雷达图有中心文本的情况下radius需要写成数组
+  const radiusIsArray = isArray(radius);
+  // 雷达图最大值
+  const { radarMax, markLine } = iChartOpt;
+  if (isObject(radarMax)) {
+    tips.error(
+      'If markLine is of the number type, radarMax must be of the number type. If radarMax is of the object type, set markLine.threshold',
+    );
+    return;
+  }
+  const markLineValue = Number.parseFloat(markLine);
+  let marklineRadius;
+  if (radiusIsArray) {
+    const disRadius = Number.parseFloat(radius[1]) - Number.parseFloat(radius[0]);
+    marklineRadius =
+      disRadius * (markLineValue / radarMax) +
+      Number.parseFloat(radius[0]) +
+      (radius[0].toString().indexOf('%') !== -1 ? '%' : '');
+  } else {
+    marklineRadius =
+      (markLineValue / radarMax) * Number.parseFloat(radius) + (radius.toString().indexOf('%') !== -1 ? '%' : '');
+  }
+  // 阈值线
+  markRadar.radius = marklineRadius;
+  markRadar.indicator = Array(radarKeys.length).fill({ name: '' });
+}
+
+function setMarkLine(baseOpt, iChartOpt, radarKeys) {
+  const { markLine, gradient } = iChartOpt;
+  if (gradient) return
+  if (markLine) {
+    const markRadar = getMarkRadarOption();
+    setRadarShape(markRadar, baseOpt)
+    setMarkCenterAndRadius(markRadar, baseOpt);
+    const isThreshold = !!(isObject(markLine) && markLine?.threshold);
+    isThreshold
+      ? setCustomMarkLine(markRadar, baseOpt, iChartOpt, radarKeys)
+      : setCommonMarkLine(markRadar, baseOpt, iChartOpt, radarKeys);
+    baseOpt.radar.push(markRadar);
+  }
+}
+
+export { setRadar, getRadarKeys, getRadarMax, setTooltip, setMarkLine, initRadarSys, setRadarShape,handletipHtml ,checkValue};