@ebiz/designer-components 0.0.48 → 0.0.49

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

@@ -1,316 +0,0 @@
-/**
- * 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};

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

@@ -1,120 +0,0 @@
-/**
- * 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 { isObject } from '../../util/type';
-import { getSeriesUnit, getRedPointerRadar, handleRedPointerSeries } from './BaseOption'
-import { setRadarShape } from './handleOptipn'
-import { getColor } from '../../util/color';
-import merge from '../../util/merge';
-
-function setEmphasisItemStyleBorderColor(iChartOpt, nameIndex) {
-  const borderColor = getColor(iChartOpt.color, nameIndex)
-  return {
-    itemStyle: {
-      borderColor
-    }
-  }
-}
-
-function setAreaStyleOpacity(seriesUnit, iChartOpt) {
-  const { area } = iChartOpt
-  if (area) {
-    merge(seriesUnit.areaStyle, area)
-  }
-  if (area && (area.show === false)) {
-    seriesUnit.areaStyle.opacity = 0
-    seriesUnit.emphasis.areaStyle.opacity = 0
-  }
-}
-
-function setSeries(baseOpt, iChartOpt, radarKeys, data) {
-  const dataNames = Object.keys(data);
-  const seriesUnit = getSeriesUnit();
-  setAreaStyleOpacity(seriesUnit, iChartOpt)
-  const seriesData = dataNames.map((name, nameIndex) => {
-    const radarData = {
-      name,
-      value: radarKeys.map(key => {
-        return data[name][key];
-      }),
-      emphasis: setEmphasisItemStyleBorderColor(iChartOpt, nameIndex),
-    }
-    return radarData
-  })
-  seriesUnit.data = seriesData
-  baseOpt.series.push(seriesUnit);
-}
-
-
-
-function handleRedPointerRadar(baseOpt, radarKeys, dataNameIndex, dataName) {
-  const max = baseOpt.radar[0].indicator.find(item => item.name === dataName).max;
-  const redPointerRadar = getRedPointerRadar();
-  setRadarShape(redPointerRadar, baseOpt)
-  redPointerRadar.center = baseOpt.radar[0].center;
-  redPointerRadar.radius = baseOpt.radar[0].radius;
-  redPointerRadar.startAngle = 90 + (360 / radarKeys.length) * dataNameIndex;
-  redPointerRadar.indicator = [{ name: '', max }];
-  return redPointerRadar;
-}
-
-
-
-// 计算出大于等于阈值的数据
-function getExceededMarkLineValue(data, markLine, isThreshold) {
-  const thresholdPoint = [];
-  const names = Object.keys(data);
-  for (let i = 0; i < names.length; i++) {
-    const name = names[i];
-    const keys = Object.keys(data[name]);
-    for (let j = 0; j < keys.length; j++) {
-      const key = keys[j];
-      const markLineVal = isThreshold ? markLine.threshold[key] : markLine;
-      if ((markLineVal||markLineVal===0) && data[name][key] >= markLineVal) {
-        thresholdPoint.push({
-          seriesName: name,
-          dataName: key,
-          dataValue: data[name][key],
-        });
-      }
-    }
-  }
-  return thresholdPoint;
-}
-
-/**
- * 根据参数计算出圆盘图的半径
- */
-export function setMarkLineSeries(baseOpt, iChartOpt, radarKeys) {
-  // 阈值
-  const { markLine, gradient } = iChartOpt;
-  if (gradient) return
-  if (markLine) {
-    const { data } = iChartOpt;
-    const isThreshold = !!(isObject(markLine) && markLine?.threshold);
-    // 超过阈值的数据
-    const exceeded = getExceededMarkLineValue(data, markLine, isThreshold);
-    exceeded.forEach((item, index) => {
-      const seriesName = item.seriesName;
-      const dataName = item.dataName;
-      const dataNameIndex = radarKeys.indexOf(dataName);
-      const dataValue = item.dataValue;
-      // 需要高亮红点的坐标系,一个红点对应一个坐标系，需要去修改相应的数据
-      const redPointerRadar = handleRedPointerRadar(baseOpt, radarKeys, dataNameIndex, dataName);
-      // 红点数据
-      const redPointerSeries = handleRedPointerSeries(index, dataValue, seriesName);
-      baseOpt.radar.push(redPointerRadar);
-      baseOpt.series.push(redPointerSeries);
-    });
-  }
-}
-
-export { setSeries,getExceededMarkLineValue,handleRedPointerSeries,handleRedPointerRadar};

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

@@ -1,77 +0,0 @@
-/**
- * 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 init from '../../option/init';
-import { isArray } from '../../util/type';
-import { setSeries, setMarkLineSeries } from './handleSeries';
-import { mergeSeries } from '../../util/merge';
-import { setRadar, setTooltip, getRadarMax, getRadarKeys, setMarkLine, initRadarSys } from './handleOptipn';
-import { CHART_TYPE } from '../../util/constants';
-import GradientRadar from './GradientRadar'
-
-class RadarChart {
-
-  gradientRadar = null
-
-  static name = CHART_TYPE.RADAR
-
-  constructor(iChartOption, chartInstance) {
-    this.baseOption = {};
-    this.iChartOption = {};
-    this.chartInstance = chartInstance;
-    // 组装 iChartOption, 补全默认值
-    this.iChartOption = init(iChartOption);
-    // 根据 iChartOption 组装 baseOption
-    this.updateOption(chartInstance);
-  }
-
-  updateOption(chartInstance) {
-    const iChartOption = this.iChartOption;
-    // 雷达坐标系最大值
-    const isCustomMaxVal = !!(isArray(iChartOption.radarMax) || iChartOption?.radar?.indicator);
-    // 在配置不同系列的最大值的时候。数据不在同一维度，不显示markLine
-    initRadarSys(this.baseOption, iChartOption)
-    // 雷达所有维度
-    const radarKeys = getRadarKeys(iChartOption.data);
-    iChartOption.radarMax = iChartOption.radarMax || getRadarMax(iChartOption.data, iChartOption, isCustomMaxVal);
-    if (iChartOption.gradient) {
-      this.gradientRadar = new GradientRadar(chartInstance, { iChartOption, baseOption: this.baseOption, radarKeys })
-    }
-    // 绘制雷达地图
-    setRadar(this.baseOption, iChartOption, radarKeys, isCustomMaxVal);
-    // 赋值数据
-    setSeries(this.baseOption, iChartOption, radarKeys, iChartOption.data);
-    // 阈值线
-    setMarkLine(this.baseOption, iChartOption, radarKeys, isCustomMaxVal);
-    // 图表鼠标悬浮提示框
-    setTooltip(this.baseOption, iChartOption, radarKeys, iChartOption.data);
-    // 设置阈值红点
-    setMarkLineSeries(this.baseOption, iChartOption, radarKeys);
-    // 目前只允许合并基础的雷达图的series，对于阈值线和红点所在的series不处理，普通雷达图用series.name='data'标识，目前本接口只给opentinty和aui使用
-    mergeSeries(iChartOption, this.baseOption);
-    if (iChartOption.gradient) {
-      this.gradientRadar.init()
-      this.gradientRadar.setLegend()
-      this.gradientRadar.setTooltip()
-      this.gradientRadar.setSeries()
-    }
-  }
-
-  getOption() {
-    return this.baseOption;
-  }
-
-  resize() {
-    if (this.gradientRadar) this.gradientRadar.resize()
-  }
-}
-
-export default RadarChart;

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

@@ -1,17 +0,0 @@
-/**
- * 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.REGION)
-
-export default chartToken;

package/src/components/charts/components/RegionChart/handleOption.js

@@ -1,29 +0,0 @@
-/**
- * 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 merge from '../../util/merge';
-import chartToken from './chartToken';
-
-/**
- * 装载除series以外的一级属性
- * @param {传入数据} iChartOption
- * @returns
- */
-export function setOption(iChartOption) {
-  const { visualMap } = iChartOption;
-  // 处理visualMap字体颜色随主题变化
-  const defaultVisualMap = {
-    textStyle: {
-      color: chartToken.visualMapTextColor,
-    },
-  };
-  visualMap && merge(visualMap, defaultVisualMap);
-}

package/src/components/charts/components/RegionChart/index.js

@@ -1,49 +0,0 @@
-/**
- * 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 init from '../../option/init';
-import merge from '../../util/merge';
-import { setOption } from './handleOption';
-import tooltip from '../../option/config/tooltip';
-import { CHART_TYPE } from '../../util/constants';
-
-export default class RegionChart {
-
-  static name = CHART_TYPE.REGION
-
-
-  constructor(iChartOption, chartInstance) {
-    this.baseOption = {};
-    this.iChartOption = {};
-    // 组装 iChartOption, 补全默认值
-    this.iChartOption = init(iChartOption);
-    // 根据 iChartOption 组装 baseOption
-    this.updateOption(chartInstance);
-  }
-
-  updateOption(chartInstance) {
-    const iChartOption = this.iChartOption;
-    // 装载除series以外的一级属性
-    setOption(this.iChartOption);
-    // 配置悬浮提示框
-    this.baseOption.tooltip = tooltip(iChartOption, CHART_TYPE.REGION);
-    // 兼容echarts属性
-    merge(this.baseOption, iChartOption);
-    // 删除部分无用的默认值
-    delete this.baseOption.dataZoom;
-    delete this.baseOption.xAxis;
-  }
-
-  getOption() {
-    return this.baseOption;
-  }
-
-}