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

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

@@ -1,111 +1,111 @@
-/**
- * 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 cloneDeep from '../../util/cloneDeep';
-import BaseOption from './BaseOption';
-import init from '../../option/init';
-import merge, { mergeSeries } from '../../util/merge';
-import {
-  padSize,
-  setLabel,
-  handleLineStyle,
-  dataSort,
-  nodeLabelLayout,
-  handleItemStyle,
-  compareNodeText,
-  setEmptyLimit,
-  isNameRepeat,
-  initNodes
-} from './handleOption';
-import { setTooltip } from './tooltip';
-import { CHART_TYPE } from '../../util/constants';
-
-class SankeyChart {
-
-  static name = CHART_TYPE.SANKEY
-
-
-  constructor(iChartOption, chartInstance) {
-    this.baseOption = {};
-    this.iChartOption = {};
-    this.baseOption = cloneDeep(BaseOption(iChartOption.label?.position));
-    // 记录下用户传入的初始的padding值
-    this.userPadding = iChartOption.padding || iChartOption.chartPadding;
-    // 组装 iChartOption, 补全默认值
-    this.iChartOption = init(iChartOption);
-    // 根据 iChartOption 组装 baseOption
-    this.updateOption(iChartOption, chartInstance);
-  }
-
-  updateOption(iChartOption, chartInstance) {
-    // 配置数据
-    const { data: { nodes, links },
-      draggable = true,
-      tipHtml,
-      widthSpace = [10, 30],
-      nodeAlign = 'justify',
-      label = {}
-    } = iChartOption;
-    // 如果nodes中没有定义value，需要根据links，给其赋值
-    initNodes(nodes, links);
-    this.baseOption.series[0].data = nodes;
-    this.baseOption.series[0].links = links;
-    if (!nodes || !nodes.length || !links || !links.length) { // 数据不全，不执行后续操作
-      return;
-    }
-    // 判断nodes是否有重名，抛错
-    isNameRepeat(nodes);
-    // 是否设置移动
-    this.baseOption.series[0].draggable = draggable;
-    // 配置颜色组
-    handleItemStyle(iChartOption, this.baseOption);
-    // 配置提示悬浮框样式
-    setTooltip(iChartOption, tipHtml, this.baseOption);
-    // 配置桑基图label属性
-    setLabel(iChartOption, this.baseOption);
-    // 数据排序，并且补全空值
-    setEmptyLimit(nodes);
-    // 配置节点矩形的宽度及每列间距
-    this.baseOption.series[0].nodeWidth = widthSpace[0];
-    this.baseOption.series[0].nodeGap = widthSpace[1];
-    // 配置桑基图的布局对齐方式
-    this.baseOption.series[0].nodeAlign = nodeAlign;
-    // 配置桑基图lineStyle属性
-    handleLineStyle(iChartOption);
-    // 设置节点文本的展示方式(横向布局，纵向布局)
-    nodeLabelLayout(label, this.baseOption);
-    // 对比节点与其文本的高度,文本过高则隐藏(需要调取echarts的原生api)
-    compareNodeText(iChartOption, this.baseOption, this, chartInstance);
-  }
-
-  upDateOption(centerName, leftNodeArr, rightNodeArr) {
-    // 配置chartPadding
-    const { grid = {}, xAxis, yAxis = { show: false }, tooltip = {}, title, padding, chartPadding } = this.iChartOption;
-    padSize(padding || chartPadding, { baseOpt: this.baseOption, userPadding: this.userPadding }, centerName, leftNodeArr, rightNodeArr);
-    dataSort(this.iChartOption);
-    mergeSeries(this.iChartOption, this.baseOption);
-    merge(this.baseOption, {
-      grid,
-      xAxis: xAxis[0].data && xAxis[0].data.length ? xAxis : { show: false },
-      yAxis,
-      tooltip,
-      title
-    });
-  }
-
-  getOption() {
-    return this.baseOption;
-  }
-
-  setOption() { }
-}
-
-export default SankeyChart;
+/**
+ * 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 cloneDeep from '../../util/cloneDeep';
+import BaseOption from './BaseOption';
+import init from '../../option/init';
+import merge, { mergeSeries } from '../../util/merge';
+import {
+  padSize,
+  setLabel,
+  handleLineStyle,
+  dataSort,
+  nodeLabelLayout,
+  handleItemStyle,
+  compareNodeText,
+  setEmptyLimit,
+  isNameRepeat,
+  initNodes
+} from './handleOption';
+import { setTooltip } from './tooltip';
+import { CHART_TYPE } from '../../util/constants';
+
+class SankeyChart {
+
+  static name = CHART_TYPE.SANKEY
+
+
+  constructor(iChartOption, chartInstance) {
+    this.baseOption = {};
+    this.iChartOption = {};
+    this.baseOption = cloneDeep(BaseOption(iChartOption.label?.position));
+    // 记录下用户传入的初始的padding值
+    this.userPadding = iChartOption.padding || iChartOption.chartPadding;
+    // 组装 iChartOption, 补全默认值
+    this.iChartOption = init(iChartOption);
+    // 根据 iChartOption 组装 baseOption
+    this.updateOption(iChartOption, chartInstance);
+  }
+
+  updateOption(iChartOption, chartInstance) {
+    // 配置数据
+    const { data: { nodes, links },
+      draggable = true,
+      tipHtml,
+      widthSpace = [10, 30],
+      nodeAlign = 'justify',
+      label = {}
+    } = iChartOption;
+    // 如果nodes中没有定义value，需要根据links，给其赋值
+    initNodes(nodes, links);
+    this.baseOption.series[0].data = nodes;
+    this.baseOption.series[0].links = links;
+    if (!nodes || !nodes.length || !links || !links.length) { // 数据不全，不执行后续操作
+      return;
+    }
+    // 判断nodes是否有重名，抛错
+    isNameRepeat(nodes);
+    // 是否设置移动
+    this.baseOption.series[0].draggable = draggable;
+    // 配置颜色组
+    handleItemStyle(iChartOption, this.baseOption);
+    // 配置提示悬浮框样式
+    setTooltip(iChartOption, tipHtml, this.baseOption);
+    // 配置桑基图label属性
+    setLabel(iChartOption, this.baseOption);
+    // 数据排序，并且补全空值
+    setEmptyLimit(nodes);
+    // 配置节点矩形的宽度及每列间距
+    this.baseOption.series[0].nodeWidth = widthSpace[0];
+    this.baseOption.series[0].nodeGap = widthSpace[1];
+    // 配置桑基图的布局对齐方式
+    this.baseOption.series[0].nodeAlign = nodeAlign;
+    // 配置桑基图lineStyle属性
+    handleLineStyle(iChartOption);
+    // 设置节点文本的展示方式(横向布局，纵向布局)
+    nodeLabelLayout(label, this.baseOption);
+    // 对比节点与其文本的高度,文本过高则隐藏(需要调取echarts的原生api)
+    compareNodeText(iChartOption, this.baseOption, this, chartInstance);
+  }
+
+  upDateOption(centerName, leftNodeArr, rightNodeArr) {
+    // 配置chartPadding
+    const { grid = {}, xAxis, yAxis = { show: false }, tooltip = {}, title, padding, chartPadding } = this.iChartOption;
+    padSize(padding || chartPadding, { baseOpt: this.baseOption, userPadding: this.userPadding }, centerName, leftNodeArr, rightNodeArr);
+    dataSort(this.iChartOption);
+    mergeSeries(this.iChartOption, this.baseOption);
+    merge(this.baseOption, {
+      grid,
+      xAxis: xAxis[0].data && xAxis[0].data.length ? xAxis : { show: false },
+      yAxis,
+      tooltip,
+      title
+    });
+  }
+
+  getOption() {
+    return this.baseOption;
+  }
+
+  setOption() { }
+}
+
+export default SankeyChart;

package/src/components/charts/components/SankeyChart/tooltip.js

@@ -1,53 +1,53 @@
-/**
- * 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 tooltip from '../../option/config/tooltip';
-import defendXSS from '../../util/defendXSS';
-import { CHART_TYPE } from '../../util/constants';
-
-function defaultFormatter(params, iChartOption) {
-  const { emptyStatus = 'node' } = iChartOption;
-  let htmlString = '';
-  if (params.name.includes('>')) {
-    params.name = params.name.replace('>', '---');
-  }
-  const value = params.data.empty ? 0 : (params.data.value || params.value);
-  if (emptyStatus === 'node' && params.dataType === 'edge' && value === 0) { // 如果空值只展示节点，则连线的tooltip不展示
-    return;
-  }
-  htmlString +=
-    `<span style="display:inline-block;margin-right:5px;border-radius:50%;height:10px;">${defendXSS(params.name)}</span>` +
-    '<br/>' +
-    '<span style="display:inline-block;margin-right:5px;border-radius:50%;height:10px;">' +
-    'value' +
-    `  :  ${defendXSS(value)}</span>`;
-  return htmlString;
-}
-
-function handleSankeyFormatter(formatter, sankeyTooltip, iChartOption) {
-  if (formatter) {
-    sankeyTooltip.formatter = formatter;
-  } else {
-    sankeyTooltip.formatter = params => {
-      // 如果是虚拟节点则不展示toolTip
-      let html = defaultFormatter(params, iChartOption);
-      return html;
-    };
-  }
-}
-
-// 配置桑基图的自定义悬浮提示框
-export function setTooltip(iChartOption, formatter, baseOpt) {
-  const sankeyTooltip = tooltip(iChartOption,CHART_TYPE.SANKEY);
-  handleSankeyFormatter(formatter, sankeyTooltip, iChartOption);
-  sankeyTooltip.trigger = 'item';
-  baseOpt.tooltip = sankeyTooltip;
+/**
+ * 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 tooltip from '../../option/config/tooltip';
+import defendXSS from '../../util/defendXSS';
+import { CHART_TYPE } from '../../util/constants';
+
+function defaultFormatter(params, iChartOption) {
+  const { emptyStatus = 'node' } = iChartOption;
+  let htmlString = '';
+  if (params.name.includes('>')) {
+    params.name = params.name.replace('>', '---');
+  }
+  const value = params.data.empty ? 0 : (params.data.value || params.value);
+  if (emptyStatus === 'node' && params.dataType === 'edge' && value === 0) { // 如果空值只展示节点，则连线的tooltip不展示
+    return;
+  }
+  htmlString +=
+    `<span style="display:inline-block;margin-right:5px;border-radius:50%;height:10px;">${defendXSS(params.name)}</span>` +
+    '<br/>' +
+    '<span style="display:inline-block;margin-right:5px;border-radius:50%;height:10px;">' +
+    'value' +
+    `  :  ${defendXSS(value)}</span>`;
+  return htmlString;
+}
+
+function handleSankeyFormatter(formatter, sankeyTooltip, iChartOption) {
+  if (formatter) {
+    sankeyTooltip.formatter = formatter;
+  } else {
+    sankeyTooltip.formatter = params => {
+      // 如果是虚拟节点则不展示toolTip
+      let html = defaultFormatter(params, iChartOption);
+      return html;
+    };
+  }
+}
+
+// 配置桑基图的自定义悬浮提示框
+export function setTooltip(iChartOption, formatter, baseOpt) {
+  const sankeyTooltip = tooltip(iChartOption,CHART_TYPE.SANKEY);
+  handleSankeyFormatter(formatter, sankeyTooltip, iChartOption);
+  sankeyTooltip.trigger = 'item';
+  baseOpt.tooltip = sankeyTooltip;
 }

package/src/components/charts/components/ScatterChart/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.SCATTER)
-
-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.SCATTER)
+
+export default chartToken;

package/src/components/charts/components/ScatterChart/handleMarkPoint.js

@@ -1,74 +1,74 @@
-/**
- * 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 { isObject } from '../../util/type';
-import chartToken from './chartToken';
-
-export default function handleMarkPoint(iChartOpt) {
-  const markData = {};
-  const series = [];
-  const markPoint = iChartOpt.markPoint;
-  const data = iChartOpt.data;
-  data && isObject(data) && Object.keys(data).forEach(key => {
-    let errorSeriesName = '';
-    let errorSeriesData = [];
-    data[key].forEach((item, index) => {
-      markPoint && Object.keys(markPoint).forEach(v => {
-        if (v === key) {
-          const flagArr = [];
-          markPoint[v].forEach((axis,i)=>{
-            let flag = true;
-            if (Number(item[i]) < Number(axis)) {
-              flag = false;
-            }
-            flagArr.push(flag);
-          })
-          if(!flagArr.includes(false)){
-            errorSeriesName = v;
-            errorSeriesData.push(item);
-            data[key].splice(index, 1);
-          }
-        }
-      });
-    });
-    // 将超出临界值红点的数据放在一个图例里
-    errorSeriesName && (markData[`${errorSeriesName}`] = errorSeriesData);
-  });
-  const {colorError}=Token.config.colorState
-  // 设置iChartOpt中超过markPoint点的数据
-  Object.keys(markData).forEach(item => {
-    const seriesItem = {
-      // 将error的series数据和原图例的name保持一致，让echarts只渲染正确的图例数
-      name: item,
-      symbolSize: iChartOpt.symbolSize || 10,
-      data: markData[item],
-      type: 'scatter',
-      emphasis: {
-        focus: 'series',
-        scale: 1.3,
-        itemStyle: {
-          color: chartToken.color,
-          borderWidth: 4,
-        }
-      },
-      itemStyle: {
-        color:colorError,
-        borderColor: colorError,
-        borderWidth: 0,
-      }
-    };
-    if (seriesItem.data.length) {
-      series.push(seriesItem);
-    }
-  });
-  return series;
-}
+/**
+ * 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 { isObject } from '../../util/type';
+import chartToken from './chartToken';
+
+export default function handleMarkPoint(iChartOpt) {
+  const markData = {};
+  const series = [];
+  const markPoint = iChartOpt.markPoint;
+  const data = iChartOpt.data;
+  data && isObject(data) && Object.keys(data).forEach(key => {
+    let errorSeriesName = '';
+    let errorSeriesData = [];
+    data[key].forEach((item, index) => {
+      markPoint && Object.keys(markPoint).forEach(v => {
+        if (v === key) {
+          const flagArr = [];
+          markPoint[v].forEach((axis,i)=>{
+            let flag = true;
+            if (Number(item[i]) < Number(axis)) {
+              flag = false;
+            }
+            flagArr.push(flag);
+          })
+          if(!flagArr.includes(false)){
+            errorSeriesName = v;
+            errorSeriesData.push(item);
+            data[key].splice(index, 1);
+          }
+        }
+      });
+    });
+    // 将超出临界值红点的数据放在一个图例里
+    errorSeriesName && (markData[`${errorSeriesName}`] = errorSeriesData);
+  });
+  const {colorError}=Token.config.colorState
+  // 设置iChartOpt中超过markPoint点的数据
+  Object.keys(markData).forEach(item => {
+    const seriesItem = {
+      // 将error的series数据和原图例的name保持一致，让echarts只渲染正确的图例数
+      name: item,
+      symbolSize: iChartOpt.symbolSize || 10,
+      data: markData[item],
+      type: 'scatter',
+      emphasis: {
+        focus: 'series',
+        scale: 1.3,
+        itemStyle: {
+          color: chartToken.color,
+          borderWidth: 4,
+        }
+      },
+      itemStyle: {
+        color:colorError,
+        borderColor: colorError,
+        borderWidth: 0,
+      }
+    };
+    if (seriesItem.data.length) {
+      series.push(seriesItem);
+    }
+  });
+  return series;
+}

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

@@ -1,66 +1,66 @@
-/**
- * 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 xAxis from '../../option/config/xAxis';
-import yAxis from '../../option/config/yAxis';
-import grid from '../../option/config/grid';
-import tooltip from '../../option/config/tooltip';
-import defendXSS from '../../util/defendXSS';
-import { CHART_TYPE } from '../../util/constants';
-
-/**
- * Tips提示框回调函数
- */
-function toolTipFormatter(params) {
-  const data = params.data;
-  const [x, y, name] = data;
-  let htmlStrings = `<div style="margin-bottom:4px;">
-  名称${name || ''}
-                            </div>`;
-  htmlStrings += `
-                            <div>
-                                <span style="display:inline-block;margin-right:8px;min-width:60px;">x维度</span>
-                                <span>${defendXSS(x)}</span>
-                            </div>`;
-  htmlStrings += `
-                            <div>
-                                <span style="display:inline-block;margin-right:8px;min-width:60px;">y维度</span>
-                                <span>${defendXSS(y)}</span>
-                            </div>`;
-  return htmlStrings;
-}
-
-function handleXaxis(baseOpt, iChartOpt) {
-  const basicXaxis = xAxis(iChartOpt);
-  basicXaxis[0].type = 'value';
-  baseOpt.xAxis = basicXaxis;
-}
-
-function handleYaxis(baseOpt, iChartOpt) {
-  const basicYaxis = yAxis(baseOpt, iChartOpt, CHART_TYPE.SCATTER);
-  baseOpt.yAxis = basicYaxis;
-}
-
-function handleTooltip(baseOpts, iChartOpt) {
-  const basicTooltip = tooltip(iChartOpt, CHART_TYPE.SCATTER);
-  if (!iChartOpt.tipHtml && !iChartOpt?.tooltip?.formatter) {
-    basicTooltip.formatter = toolTipFormatter;
-  }
-  basicTooltip.trigger = 'item';
-  baseOpts.tooltip = basicTooltip;
-}
-
-function handleGrid(baseOpt, iChartOpt) {
-  const basicGrid = grid(iChartOpt);
-  baseOpt.grid = basicGrid;
-}
-
-export { handleXaxis, handleYaxis, handleGrid, handleTooltip };
+/**
+ * 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 xAxis from '../../option/config/xAxis';
+import yAxis from '../../option/config/yAxis';
+import grid from '../../option/config/grid';
+import tooltip from '../../option/config/tooltip';
+import defendXSS from '../../util/defendXSS';
+import { CHART_TYPE } from '../../util/constants';
+
+/**
+ * Tips提示框回调函数
+ */
+function toolTipFormatter(params) {
+  const data = params.data;
+  const [x, y, name] = data;
+  let htmlStrings = `<div style="margin-bottom:4px;">
+  名称${name || ''}
+                            </div>`;
+  htmlStrings += `
+                            <div>
+                                <span style="display:inline-block;margin-right:8px;min-width:60px;">x维度</span>
+                                <span>${defendXSS(x)}</span>
+                            </div>`;
+  htmlStrings += `
+                            <div>
+                                <span style="display:inline-block;margin-right:8px;min-width:60px;">y维度</span>
+                                <span>${defendXSS(y)}</span>
+                            </div>`;
+  return htmlStrings;
+}
+
+function handleXaxis(baseOpt, iChartOpt) {
+  const basicXaxis = xAxis(iChartOpt);
+  basicXaxis[0].type = 'value';
+  baseOpt.xAxis = basicXaxis;
+}
+
+function handleYaxis(baseOpt, iChartOpt) {
+  const basicYaxis = yAxis(baseOpt, iChartOpt, CHART_TYPE.SCATTER);
+  baseOpt.yAxis = basicYaxis;
+}
+
+function handleTooltip(baseOpts, iChartOpt) {
+  const basicTooltip = tooltip(iChartOpt, CHART_TYPE.SCATTER);
+  if (!iChartOpt.tipHtml && !iChartOpt?.tooltip?.formatter) {
+    basicTooltip.formatter = toolTipFormatter;
+  }
+  basicTooltip.trigger = 'item';
+  baseOpts.tooltip = basicTooltip;
+}
+
+function handleGrid(baseOpt, iChartOpt) {
+  const basicGrid = grid(iChartOpt);
+  baseOpt.grid = basicGrid;
+}
+
+export { handleXaxis, handleYaxis, handleGrid, handleTooltip };