@ebiz/designer-components 0.0.18-beta.1 → 0.0.18-beta.12

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

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

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

@@ -1,29 +1,29 @@
-/**
- * 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);
-}
+/**
+ * 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 +1,49 @@
-/**
- * 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;
-  }
-
+/**
+ * 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;
+  }
+
 }