@ebiz/designer-components 0.0.18-beta.2 → 0.0.18-beta.21

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

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

@@ -1,64 +1,64 @@
-/**
- * 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 defendXSS from '../../util/defendXSS';
-
-/**
- * 设置图的方向
- */
-export function setDirection(baseOption, direction) {
-  if (direction && direction === 'horizontal') {
-    const temp = baseOption.xAxis;
-    baseOption.xAxis = baseOption.yAxis;
-    baseOption.yAxis = temp;
-  }
-}
-
-function tooltipFormatter(params) {
-  const { data, color, seriesType } = params
-  const labels = ['最大值', '上四分位数', '中位数', '下四分位数', '最小值'];
-  const labeLen = labels.length
-  let htmlString = '';
-  if (seriesType === 'boxplot') {
-    const arr = [];
-    labels.forEach((item, index) => {
-      htmlString = `<div>
-                            <span style="display:inline-block;width:10px;height:10px;
-                            margin-right:4px;border-radius:5px;border-style: solid;border-width:1px;
-                            border-color:${defendXSS(color)};background-color:${defendXSS(color)};"></span>
-                            <span style="display:inline-block;width:90px">${defendXSS(item)}:</span><span>${defendXSS(
-        data[labeLen - index]
-      )}</span>
-                       </div>`;
-      arr.push(htmlString);
-    });
-    htmlString = arr.join('<br/>');
-  } else {
-    htmlString = `<div>
-                            <span style="display:inline-block;width:10px;height:10px;
-                            margin-right:4px;border-radius:5px;border-style: solid;border-width:1px;
-                            border-color:${defendXSS(color)};background-color:${defendXSS(color)};"></span>
-                            <span style="display:inline-block;width:90px">离散点</span><span>${defendXSS(
-      data[1]
-    )}</span>
-                       </div>`;
-  }
-  return htmlString;
-}
-
-/**
- * 配置默认的鼠标悬浮提示框
- */
-export function setTooltip(baseOpt) {
-  if (!baseOpt.tooltip.formatter) {
-    baseOpt.tooltip.formatter = tooltipFormatter;
-  }
-}
+/**
+ * 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 defendXSS from '../../util/defendXSS';
+
+/**
+ * 设置图的方向
+ */
+export function setDirection(baseOption, direction) {
+  if (direction && direction === 'horizontal') {
+    const temp = baseOption.xAxis;
+    baseOption.xAxis = baseOption.yAxis;
+    baseOption.yAxis = temp;
+  }
+}
+
+function tooltipFormatter(params) {
+  const { data, color, seriesType } = params
+  const labels = ['最大值', '上四分位数', '中位数', '下四分位数', '最小值'];
+  const labeLen = labels.length
+  let htmlString = '';
+  if (seriesType === 'boxplot') {
+    const arr = [];
+    labels.forEach((item, index) => {
+      htmlString = `<div>
+                            <span style="display:inline-block;width:10px;height:10px;
+                            margin-right:4px;border-radius:5px;border-style: solid;border-width:1px;
+                            border-color:${defendXSS(color)};background-color:${defendXSS(color)};"></span>
+                            <span style="display:inline-block;width:90px">${defendXSS(item)}:</span><span>${defendXSS(
+        data[labeLen - index]
+      )}</span>
+                       </div>`;
+      arr.push(htmlString);
+    });
+    htmlString = arr.join('<br/>');
+  } else {
+    htmlString = `<div>
+                            <span style="display:inline-block;width:10px;height:10px;
+                            margin-right:4px;border-radius:5px;border-style: solid;border-width:1px;
+                            border-color:${defendXSS(color)};background-color:${defendXSS(color)};"></span>
+                            <span style="display:inline-block;width:90px">离散点</span><span>${defendXSS(
+      data[1]
+    )}</span>
+                       </div>`;
+  }
+  return htmlString;
+}
+
+/**
+ * 配置默认的鼠标悬浮提示框
+ */
+export function setTooltip(baseOpt) {
+  if (!baseOpt.tooltip.formatter) {
+    baseOpt.tooltip.formatter = tooltipFormatter;
+  }
+}

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

@@ -1,150 +1,150 @@
-/**
- * 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 chartToken from './chartToken';
-import { getColor, codeToRGB } from '../../util/color';
-import merge from '../../util/merge';
-
-function getDatasetInit() {
-  return [
-    {
-      source: [],
-    },
-    {
-      transform: {
-        type: 'boxplot',
-      },
-    },
-    {
-      fromDatasetIndex: 1,
-      fromTransformResult: 1,
-    },
-  ];
-}
-
-
-function getBoxplotUnitSeries() {
-  return {
-    name: 'boxplot',
-    type: 'boxplot',
-    datasetIndex: 1,
-    itemStyle: {
-      color: undefined,
-      borderColor: undefined,
-      borderWidth: chartToken.boxplotItemStyleBorderWidth,
-    },
-    emphasis: {
-      itemStyle: {
-        color: undefined,
-        borderWidth: chartToken.boxplotEmphasisItemStyleBorderWidth,
-        shadowBlur: 0,
-        shadowOffsetX: 0,
-        shadowOffsetY: 0
-      }
-    }
-  }
-}
-
-function getScatterUnitSeries() {
-  return {
-    name: 'outlier',
-    type: 'scatter',
-    datasetIndex: 2,
-    symbolSize: chartToken.scatterSymbolSize,
-    itemStyle: {
-      color: undefined,
-      // 常规场景不显示边框
-      borderWidth: chartToken.scatterItemBorderWidth,
-      // borderWidth常规为0，此处设置borderColor为透明色+是为了避免hover移出symbol瞬间白色闪烁的问题
-      borderColor: chartToken.scatterItemBorderColor,
-    },
-    emphasis: {
-      itemStyle: {
-        color: chartToken.scatterEmphasisItemColor,
-        borderWidth: chartToken.scatterEmphasisItemBorderWidth,
-        // borderColor颜色在各系列数据中单独设置
-      }
-    }
-  }
-}
-
-/**
- * 组装echarts所需要的dataset
- * @param {传入数据} data
- * @returns
- */
-export function setDataset(data) {
-  const dataset = getDatasetInit()
-  dataset[0].source = data;
-  return dataset;
-}
-
-function getSeriesColor(color, index = 0) {
-  const seriesColor = getColor(color, index)
-  const itemColor = codeToRGB(seriesColor, 0.15)
-  const emphasisColor = codeToRGB(seriesColor, 0.3)
-  return { seriesColor, itemColor, emphasisColor }
-}
-
-function getBoxplotSeries(iChartOpt, index = 0) {
-  const { color } = iChartOpt
-  const unitSeries = getBoxplotUnitSeries()
-  const { seriesColor, itemColor, emphasisColor } = getSeriesColor(color, index)
-  unitSeries.itemStyle.color = itemColor;
-  unitSeries.itemStyle.borderColor = seriesColor;
-  unitSeries.emphasis.itemStyle.color = emphasisColor;
-  return unitSeries
-}
-
-
-function getScatterSeries(iChartOpt) {
-  const { color } = iChartOpt
-  const unitSeries = getScatterUnitSeries()
-  const { seriesColor } = getSeriesColor(color)
-  unitSeries.itemStyle.color = seriesColor;
-  unitSeries.emphasis.itemStyle.borderColor = seriesColor;
-  return unitSeries
-}
-
-
-export function setDefaultSeries(baseOpt, iChartOpt) {
-  const boxplotSeries = getBoxplotSeries(iChartOpt)
-  const scatterSeries = getScatterSeries(iChartOpt)
-  const series = [boxplotSeries, scatterSeries]
-  baseOpt.series = series
-}
-
-
-function setSeries(baseOpt, iChartOpt) {
-  // 配置默认dataset
-  if (iChartOpt.data && !iChartOpt.dataset) {
-    baseOpt.dataset = setDataset(iChartOpt.data);
-    setDefaultSeries(baseOpt, iChartOpt);
-  }
-  // 自定义dataset和series
-  if (iChartOpt.dataset && iChartOpt.series) {
-    baseOpt.dataset = iChartOpt.dataset;
-    const series = iChartOpt.series.map((item, index) => {
-      if (item.type === 'boxplot') {
-        const boxplotUnitSeries = getBoxplotSeries(iChartOpt, index);
-        merge(boxplotUnitSeries, item);
-        return boxplotUnitSeries;
-      }
-      else {
-        return item;
-      }
-    });
-    baseOpt.series = 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 chartToken from './chartToken';
+import { getColor, codeToRGB } from '../../util/color';
+import merge from '../../util/merge';
+
+function getDatasetInit() {
+  return [
+    {
+      source: [],
+    },
+    {
+      transform: {
+        type: 'boxplot',
+      },
+    },
+    {
+      fromDatasetIndex: 1,
+      fromTransformResult: 1,
+    },
+  ];
+}
+
+
+function getBoxplotUnitSeries() {
+  return {
+    name: 'boxplot',
+    type: 'boxplot',
+    datasetIndex: 1,
+    itemStyle: {
+      color: undefined,
+      borderColor: undefined,
+      borderWidth: chartToken.boxplotItemStyleBorderWidth,
+    },
+    emphasis: {
+      itemStyle: {
+        color: undefined,
+        borderWidth: chartToken.boxplotEmphasisItemStyleBorderWidth,
+        shadowBlur: 0,
+        shadowOffsetX: 0,
+        shadowOffsetY: 0
+      }
+    }
+  }
+}
+
+function getScatterUnitSeries() {
+  return {
+    name: 'outlier',
+    type: 'scatter',
+    datasetIndex: 2,
+    symbolSize: chartToken.scatterSymbolSize,
+    itemStyle: {
+      color: undefined,
+      // 常规场景不显示边框
+      borderWidth: chartToken.scatterItemBorderWidth,
+      // borderWidth常规为0，此处设置borderColor为透明色+是为了避免hover移出symbol瞬间白色闪烁的问题
+      borderColor: chartToken.scatterItemBorderColor,
+    },
+    emphasis: {
+      itemStyle: {
+        color: chartToken.scatterEmphasisItemColor,
+        borderWidth: chartToken.scatterEmphasisItemBorderWidth,
+        // borderColor颜色在各系列数据中单独设置
+      }
+    }
+  }
+}
+
+/**
+ * 组装echarts所需要的dataset
+ * @param {传入数据} data
+ * @returns
+ */
+export function setDataset(data) {
+  const dataset = getDatasetInit()
+  dataset[0].source = data;
+  return dataset;
+}
+
+function getSeriesColor(color, index = 0) {
+  const seriesColor = getColor(color, index)
+  const itemColor = codeToRGB(seriesColor, 0.15)
+  const emphasisColor = codeToRGB(seriesColor, 0.3)
+  return { seriesColor, itemColor, emphasisColor }
+}
+
+function getBoxplotSeries(iChartOpt, index = 0) {
+  const { color } = iChartOpt
+  const unitSeries = getBoxplotUnitSeries()
+  const { seriesColor, itemColor, emphasisColor } = getSeriesColor(color, index)
+  unitSeries.itemStyle.color = itemColor;
+  unitSeries.itemStyle.borderColor = seriesColor;
+  unitSeries.emphasis.itemStyle.color = emphasisColor;
+  return unitSeries
+}
+
+
+function getScatterSeries(iChartOpt) {
+  const { color } = iChartOpt
+  const unitSeries = getScatterUnitSeries()
+  const { seriesColor } = getSeriesColor(color)
+  unitSeries.itemStyle.color = seriesColor;
+  unitSeries.emphasis.itemStyle.borderColor = seriesColor;
+  return unitSeries
+}
+
+
+export function setDefaultSeries(baseOpt, iChartOpt) {
+  const boxplotSeries = getBoxplotSeries(iChartOpt)
+  const scatterSeries = getScatterSeries(iChartOpt)
+  const series = [boxplotSeries, scatterSeries]
+  baseOpt.series = series
+}
+
+
+function setSeries(baseOpt, iChartOpt) {
+  // 配置默认dataset
+  if (iChartOpt.data && !iChartOpt.dataset) {
+    baseOpt.dataset = setDataset(iChartOpt.data);
+    setDefaultSeries(baseOpt, iChartOpt);
+  }
+  // 自定义dataset和series
+  if (iChartOpt.dataset && iChartOpt.series) {
+    baseOpt.dataset = iChartOpt.dataset;
+    const series = iChartOpt.series.map((item, index) => {
+      if (item.type === 'boxplot') {
+        const boxplotUnitSeries = getBoxplotSeries(iChartOpt, index);
+        merge(boxplotUnitSeries, item);
+        return boxplotUnitSeries;
+      }
+      else {
+        return item;
+      }
+    });
+    baseOpt.series = series;
+  }
+}
+
+
 export default setSeries

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

@@ -1,47 +1,47 @@
-/**
- * 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  setSeries from './handleSeries';
-import { setDirection, setTooltip } from './handleOption';
-import RectCoordSys from '../../option/RectSys';
-import { CHART_TYPE } from '../../util/constants';
-
-export default class BoxplotChart {
-
-  static name = CHART_TYPE.BOXPLOT
-
-  constructor(iChartOption) {
-    this.baseOption = {};
-    this.iChartOption = {};
-    this.iChartOption = init(iChartOption);
-    this.updateOption();
-  }
-
-  updateOption() {
-    const iChartOption = this.iChartOption;
-    // 装载除series之外的其他配置
-    RectCoordSys(this.baseOption, this.iChartOption, CHART_TYPE.BOXPLOT);
-    // 箱形图data必须设为undefined
-    this.baseOption.xAxis[0].data = undefined;
-    // 提示框trigger设为item
-    this.baseOption.tooltip.trigger = 'item';
-    setSeries(this.baseOption,iChartOption)
-    // 横向
-    setDirection(this.baseOption, iChartOption.direction);
-    // 提示框
-    setTooltip(this.baseOption);
-  }
-
-  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  setSeries from './handleSeries';
+import { setDirection, setTooltip } from './handleOption';
+import RectCoordSys from '../../option/RectSys';
+import { CHART_TYPE } from '../../util/constants';
+
+export default class BoxplotChart {
+
+  static name = CHART_TYPE.BOXPLOT
+
+  constructor(iChartOption) {
+    this.baseOption = {};
+    this.iChartOption = {};
+    this.iChartOption = init(iChartOption);
+    this.updateOption();
+  }
+
+  updateOption() {
+    const iChartOption = this.iChartOption;
+    // 装载除series之外的其他配置
+    RectCoordSys(this.baseOption, this.iChartOption, CHART_TYPE.BOXPLOT);
+    // 箱形图data必须设为undefined
+    this.baseOption.xAxis[0].data = undefined;
+    // 提示框trigger设为item
+    this.baseOption.tooltip.trigger = 'item';
+    setSeries(this.baseOption,iChartOption)
+    // 横向
+    setDirection(this.baseOption, iChartOption.direction);
+    // 提示框
+    setTooltip(this.baseOption);
+  }
+
+  getOption() {
+    return this.baseOption;
+  }
+}

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

package/src/components/charts/components/BubbleChart/handleData.js

@@ -1,33 +1,33 @@
-/**
- * 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.
- *
- */
-/**
- * 从数据中拿出legend-data
- */
-export function getLegendData(data) {
-  return Object.keys(data);
-}
-
-/**
- * 从数据中拿出x轴的坐标数据
- */
-export function getXAxisData(data) {
-  const xAxisData = [];
-  const dataValues = Object.values(data);
-  dataValues.forEach((item) => {
-    item.forEach((val) => {
-      if (xAxisData.indexOf(val[0]) === -1) {
-        xAxisData.push(val[0]);
-      }
-    });
-  });
-  return xAxisData;
-}
+/**
+ * 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.
+ *
+ */
+/**
+ * 从数据中拿出legend-data
+ */
+export function getLegendData(data) {
+  return Object.keys(data);
+}
+
+/**
+ * 从数据中拿出x轴的坐标数据
+ */
+export function getXAxisData(data) {
+  const xAxisData = [];
+  const dataValues = Object.values(data);
+  dataValues.forEach((item) => {
+    item.forEach((val) => {
+      if (xAxisData.indexOf(val[0]) === -1) {
+        xAxisData.push(val[0]);
+      }
+    });
+  });
+  return xAxisData;
+}