@ebiz/designer-components 0.0.18

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

@@ -0,0 +1,143 @@
+/**
+ * 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 { codeToRGB } from '../../util/color';
+import merge from '../../util/merge';
+import chartToken from './chartToken';
+import { isArray } from '../../util/type';
+import Token from '../../feature/token';
+
+// 设置背景色颜色
+function handleSetColor(data,opacity) {
+    const { colorState } = Token.config
+    const stateColorGroup = {
+        info: colorState.colorInfo,
+        error: colorState.colorError,
+        warning: colorState.colorAlert,
+        subwarning: colorState.colorWarning,
+        success: colorState.colorSuccess,
+    };
+    
+    let backgroundColor;
+    if(data.color) {
+        backgroundColor = data.color
+    } else {
+        backgroundColor = stateColorGroup[data.name] ?  codeToRGB(stateColorGroup[data.name],opacity) : ''
+    }
+    return backgroundColor;
+}
+
+function handleLabel(barData,iChartOpt,baseOpt) {
+    const label = iChartOpt.label;
+    const { colorBoard } = Token.config;
+    const orange = colorBoard.orange.colorOrange40;
+    const green = colorBoard.green.colorGreen40;
+    let labelOption = label;
+    if (labelOption && labelOption.show) {
+        let showLabelArr = [];
+        barData.forEach((item,index) => {
+            let markLineNum = isArray(iChartOpt.markLine.data) ? iChartOpt.markLine.data[index] : iChartOpt.markLine.data;
+            let showLabel = Math.round((item - markLineNum) / markLineNum * 100);
+            showLabelArr.push(showLabel);
+        })
+        // 柱子显示文本固定显示在最上方
+        let categoryX = {
+            type: 'category',
+            position: 'top',
+            data: showLabelArr,
+            axisLabel: {
+                show:true,
+                fontSize: chartToken.fontSize,
+                formatter: (value)=>{
+                    return value + '%'
+                },
+                color: (value)=>{
+                    return value >= 0 ? green : orange;
+                }
+            },
+            axisLine: {
+                show:false
+            },
+            axisTick: {
+                show:false
+            },
+        }
+        baseOpt.xAxis.push(categoryX);
+    }
+}
+
+export function handleSeries(baseOpt, iChartOpt, legendData ,seriesData) {
+    const series = [];
+    const barWidth = iChartOpt.itemStyle?.barWidth ? iChartOpt.itemStyle.barWidth : chartToken.barWidth;
+    const backgroundWidth = iChartOpt.itemStyle?.backgroundWidth ? iChartOpt.itemStyle.backgroundWidth : chartToken.barBgWidth;
+    const barData = seriesData[legendData[0]];
+    const radius = chartToken.borderRadius;
+    let borderRadius = [radius, radius, 0, 0];
+    if(iChartOpt.direction === 'horizontal') {
+        borderRadius = [0, radius, radius, 0];
+    }
+
+    const barObj = {
+        name: legendData[0],
+        type: 'bar',
+        barWidth: barWidth,
+        z: 10,
+        data: barData,
+        symbol: 'rect',
+        symbolRepeat: false,
+        itemStyle: {
+            borderRadius: borderRadius
+        }
+    }
+    // 设置图例
+    handleLabel(barData,iChartOpt,baseOpt);
+    const markLineData = isArray(iChartOpt.markLine.data) ? iChartOpt.markLine.data : iChartOpt.data.map(() => { return iChartOpt.markLine.data });
+    // 设置阈值
+    const scatterObj = {
+        type: 'scatter',
+        symbol: 'rect',
+        silent: true,
+        symbolSize: iChartOpt.markLine.symbolSize ? iChartOpt.markLine.symbolSize : [32, 2],
+        symbolOffset: iChartOpt.markLine.symbolOffset ? iChartOpt.markLine.symbolOffset : [0, 0],
+        z: 20,
+        data: markLineData,
+        color: iChartOpt.markLine.color ? iChartOpt.markLine.color : handleSetColor(iChartOpt.markLine,1),
+        emphasis: {
+            scale: false
+        }
+    }
+    // 设置柱子背景
+    if(iChartOpt.background) {
+        iChartOpt.background.forEach(item => {
+            const rectData = isArray(item.data) ? item.data : iChartOpt.data.map(() => { return item.data });
+            let totalData = {
+                type: 'bar',
+                barWidth: backgroundWidth,
+                stack: 'total',
+                data: rectData,
+                color: iChartOpt.theme.indexOf('dark')!== -1 ? handleSetColor(item,0.3) : handleSetColor(item,0.15),
+                barGap: 0
+            }
+            if(iChartOpt.direction === 'horizontal') {
+                totalData.yAxisIndex = 1;
+            } else {
+                totalData.xAxisIndex = 1;
+            }
+            series.push(totalData);
+        });
+        let xaxisData = Object.assign({},baseOpt.xAxis[0]);
+        xaxisData.show = false;
+        baseOpt.xAxis.push(xaxisData);
+    }
+    series.unshift(scatterObj);
+    series.unshift(barObj);
+    baseOpt.series = series;
+}

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

@@ -0,0 +1,93 @@
+/**
+ * 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 { handleSeries } from './handleSeries';
+import init from '../../option/init';
+import updateWidth from './bulletChartOption';
+import { handleTooltip, setDirection } from './handleOptipn';
+import RectCoordSys, { xkey, xdata, ldata, ydata } from '../../option/RectSys';
+import { CHART_TYPE, ADAPTIVE_THEME } from '../../util/constants';
+
+class BulletChart {
+
+  static name = CHART_TYPE.BULLET
+
+  constructor(iChartOption, chartInstance) {
+    this.baseOption = {};
+    this.iChartOption = {};
+    this.iChartOption = init(iChartOption);
+    this.chartInstance = chartInstance;
+    // 根据 iChartOption 组装 baseOption
+    this.updateOption();
+  }
+
+  updateOption() {
+    const iChartOption = this.iChartOption;
+    // 图例数据
+    RectCoordSys(this.baseOption, iChartOption, CHART_TYPE.BULLET);
+    // x轴key值
+    const xAxisKey = xkey(iChartOption);
+    // x轴数据
+    const xAxisData = xdata(iChartOption.data, xAxisKey);
+    this.baseOption.xAxis.forEach(item => {
+      item.data = xAxisData;
+    });
+    // 图例数据
+    const legendData = ldata(iChartOption.data, xAxisKey);
+    // 连线的数据
+    const seriesData = ydata(iChartOption.data, legendData);
+    //  图表鼠标悬浮提示框
+    handleTooltip(this.baseOption, iChartOption);
+    // 图表的series
+    handleSeries(this.baseOption, iChartOption, legendData, seriesData);
+    // 设置柱状图的方向
+    setDirection(this.baseOption, iChartOption.direction);
+  }
+
+  // 根据渲染出的结果，二次计算option
+  updateOptionAgain() {
+    let baseOption = this.baseOption;
+    // 如果存在 dataZoom，提前返回
+    if (this.baseOption.dataZoom[0].show === true) {
+      return;
+    };
+    // 如果用户自定义了 barWidth，提前返回
+    if (this.iChartOption.itemStyle?.barWidth) {
+      return;
+    }
+    if (ADAPTIVE_THEME.includes(this.iChartOption.theme)) {
+      updateWidth(baseOption, this.chartInstance, this.iChartOption);
+    }
+  }
+
+  getOption() {
+    return this.baseOption;
+  }
+
+  setOption() { }
+
+  resize(callback) {
+    // 如果存在 dataZoom，提前返回
+    if (this.baseOption.dataZoom[0].show === true) {
+      return;
+    };
+    // 如果用户自定义了 barWidth，提前返回
+    if (this.iChartOption.itemStyle?.barWidth) {
+      return;
+    }
+    if (ADAPTIVE_THEME.includes(this.iChartOption.theme)) {
+      updateWidth(this.baseOption, this.chartInstance, this.iChartOption);
+      callback && callback(this.baseOption);
+    }
+  }
+}
+
+export default BulletChart;

package/src/components/charts/components/CandlestickChart/BaseOption.js

@@ -0,0 +1,44 @@
+/**
+ * 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.
+ *
+ */
+// 显示volume需要的grid
+const VOLUMEGRID = [
+  {
+    left: '5%',
+    right: '5%',
+    height: '50%',
+    top: '2%',
+    containLabel: false,
+  },
+  {
+    left: '5%',
+    right: '5%',
+    top: '63%',
+    height: '25%',
+    containLabel: false,
+  },
+];
+
+const BASICSERIES = [
+  {
+    name: '日K',
+    type: 'candlestick',
+    data: undefined,
+    itemStyle: {
+      color: undefined,
+      color0: undefined,
+      borderColor: undefined,
+      borderColor0: undefined,
+    },
+  },
+];
+
+export { BASICSERIES, VOLUMEGRID };

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

@@ -0,0 +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.CANDLESTICK)
+
+export default chartToken;

package/src/components/charts/components/CandlestickChart/hanleOption.js

@@ -0,0 +1,130 @@
+/**
+ * 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 } from '../../util/type';
+import cloneDeep from '../../util/cloneDeep';
+import { VOLUMEGRID } from './BaseOption';
+import merge from '../../util/merge';
+import chartToken from './chartToken';
+import { xkey } from '../../option/RectSys';
+
+function handleData(iChartOpt) {
+  const { data } = iChartOpt;
+  const xAxisDataName = xkey(iChartOpt);
+  if (data && data.length !== 0) {
+    const time = [];
+    const total = [];
+    data.forEach(item => {
+      time.push(item[xAxisDataName]);
+      const totalItem = [item.open, item.close, item.lowest, item.highest];
+      if (item.volume) {
+        totalItem.push(item.volume);
+      }
+      total.push(totalItem);
+    });
+    return {
+      time,
+      total,
+    };
+  }
+  return null;
+}
+
+function handleAxis(baseOpt, data, volume) {
+  const { xAxis } = baseOpt;
+  if (isArray(xAxis)) {
+    const len = xAxis.length;
+    if (volume && len === 1) {
+      const secXaxis = cloneDeep(xAxis[0]);
+      xAxis.push(secXaxis);
+    }
+    xAxis.forEach((x, xIndex) => {
+      x.data = data.time;
+      x.boundaryGap = false;
+      x.axisLine.onZero = false;
+      if (xIndex === 1) {
+        x.axisLabel.show = false;
+        x.axisTick.show = false;
+        x.gridIndex = 1;
+      }
+    });
+  } else {
+    xAxis.data = data.time;
+    xAxis.boundaryGap = false;
+    xAxis.axisLine.onZero = false;
+  }
+
+  const { yAxis } = baseOpt;
+  const lenY = yAxis.length;
+  if (volume && lenY === 1) {
+    const secYaxis = cloneDeep(yAxis[0]);
+    yAxis.push(secYaxis);
+  }
+  yAxis.forEach((y, yIndex) => {
+    y.scale = true;
+    if (yIndex === 1) {
+      y.axisLabel.show = false;
+      y.splitLine.show = false;
+      y.gridIndex = 1;
+    }
+  });
+}
+
+function handleDataZoom(baseOpt, iChartOpt) {
+  const { dataZoom } = iChartOpt;
+  baseOpt.dataZoom[0].show = true;
+  baseOpt.dataZoom[0].xAxisIndex = [0, 1];
+  baseOpt.dataZoom[0].bottom = '6%';
+  if (dataZoom) {
+    merge(baseOpt.dataZoom[0], dataZoom);
+  }
+}
+
+function handleLegend(baseOpt, iChartOpt) {
+  const { legend } = iChartOpt;
+  if (legend) {
+    merge(baseOpt.legend, legend);
+  }
+}
+
+function handleTooltip(baseOpt, iChartOpt) {
+  const inerTooltip = { ...baseOpt.tooltip };
+  delete inerTooltip.axisPointer;
+  inerTooltip.axisPointer = { type: 'cross' };
+  baseOpt.tooltip = inerTooltip;
+  if (iChartOpt.tooltip) {
+    merge(baseOpt.tooltip, iChartOpt.tooltip);
+  }
+}
+
+function handleGrid(baseOpt, iChartOpt) {
+  const { volume, grid } = iChartOpt;
+  // 用户没有自定义grid,并且需要去显示volume,使用默认值
+  if (!grid && volume) {
+    baseOpt.grid = cloneDeep(VOLUMEGRID);
+  }
+}
+
+function handleAxisPointer(baseOpt) {
+  const axisPointer = {
+    link: [
+      {
+        xAxisIndex: 'all',
+      },
+    ],
+    label: {
+      color: chartToken.axisPointerLabelColor,
+    },
+  };
+  baseOpt.axisPointer = axisPointer;
+}
+
+export { handleData, handleAxis, handleDataZoom, handleLegend, handleTooltip, handleGrid, handleAxisPointer };

package/src/components/charts/components/CandlestickChart/hanleSeries.js

@@ -0,0 +1,123 @@
+/**
+ * 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 { BASICSERIES } from './BaseOption';
+import LineChart from '../LineChart';
+import BarChart from '../BarChart';
+import { xkey } from '../../option/RectSys';
+import Token from '../../feature/token';
+
+// 用于计算相关的平均值
+function calculateMA(dayCount, data) {
+  const result = [];
+  for (let i = 0, len = data.length; i < len; i++) {
+    if (i < dayCount) {
+      result.push('');
+      continue;
+    }
+    let sum = 0;
+    for (let j = 0; j < dayCount; j++) {
+      sum += +data[i - j][1];
+    }
+    result.push(Number((sum / dayCount).toFixed(2)));
+  }
+  return result;
+}
+
+function getLineChartData(data, total, ma, xAxisKey) {
+  const maData = {};
+  ma.forEach(item => {
+    const data = calculateMA(item, total);
+    maData[`MA${item}`] = data;
+  });
+  const lineData = data.map((obj, index) => {
+    const newObj = {
+      [xAxisKey]: obj[xAxisKey],
+    };
+    for (const i in maData) {
+      if (Object.hasOwnProperty.call(maData, i)) {
+        newObj[i] = maData[i][index];
+      }
+    }
+    return newObj;
+  });
+  return lineData;
+}
+
+function getBarChartData(data, xAxisKey) {
+  const barData = data.map(obj => {
+    const newObj = {
+      [xAxisKey]: obj[xAxisKey],
+      volume: obj.volume,
+    };
+    return newObj;
+  });
+  return barData;
+}
+
+function handleMaSeries(baseOpt, iChartOpt, {data, total, MA:inerMa, xAxisKey}, chartInstance) {
+  const lineChartData = getLineChartData(data, total, inerMa, xAxisKey);
+  const newIchartOption = { ...iChartOpt, data: lineChartData };
+  const lineChart = new LineChart(newIchartOption, {}, chartInstance);
+  const lineBaseOption = lineChart.getOption();
+  const lineSeries = lineBaseOption.series;
+  for (let i = 0; i < lineSeries.length; i++) {
+    baseOpt.series.push(lineSeries[i]);
+  }
+}
+
+function handleVol(baseOpt, iChartOpt, { data, xAxisKey, total }, { upStateColor, downStateColor }, chartInstance) {
+  const barChartData = getBarChartData(data, xAxisKey);
+  const newIchartOption = { ...iChartOpt, data: barChartData };
+  const barChart = new BarChart(newIchartOption, {}, chartInstance);
+  // 获取生成的相应的barchart配置
+  const barBaseOption = barChart.getOption();
+  const barSeries = barBaseOption.series[0];
+  barSeries.itemStyle.color = params => {
+    const { dataIndex } = params;
+    const curTimeData = total[dataIndex];
+    return curTimeData[0] > curTimeData[1] ? downStateColor : upStateColor;
+  };
+  barSeries.xAxisIndex = 1;
+  barSeries.yAxisIndex = 1;
+  baseOpt.series.push(barSeries);
+}
+
+function handleMaAndVolSeries(baseOpt, iChartOpt, inerData, { upStateColor, downStateColor }, chartInstance) {
+  const { MA, volume, data } = iChartOpt;
+  const { total } = inerData;
+  const xAxisKey = xkey(iChartOpt);
+  if (MA && MA.length !== 0) {
+    handleMaSeries(baseOpt, iChartOpt, {data, total, MA, xAxisKey}, chartInstance);
+  }
+  if (volume) {
+    handleVol(baseOpt, iChartOpt, { data, xAxisKey, total }, { upStateColor, downStateColor }, chartInstance);
+  }
+}
+
+function handleSeries(baseOpt, iChartOpt, data, chartInstance) {
+  const { upColor, downColor } = iChartOpt;
+  const { colorState } = Token.config;
+  const upStateColor = upColor || colorState.colorError;
+  const downStateColor = downColor || colorState.colorSuccess;
+  const baseSeries = cloneDeep(BASICSERIES);
+  baseSeries[0].data = data.total;
+  baseSeries[0].itemStyle.color = upStateColor;
+  baseSeries[0].itemStyle.color0 = downStateColor;
+  baseSeries[0].itemStyle.borderColor = upStateColor;
+  baseSeries[0].itemStyle.borderColor0 = downStateColor;
+  baseOpt.series = baseSeries;
+
+  handleMaAndVolSeries(baseOpt, iChartOpt, data, { upStateColor, downStateColor }, chartInstance);
+}
+
+export { handleSeries };

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

@@ -0,0 +1,68 @@
+/**
+ * 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 RectCoordSys from '../../option/RectSys';
+import {
+  handleData,
+  handleAxis,
+  handleDataZoom,
+  handleTooltip,
+  handleLegend,
+  handleGrid,
+  handleAxisPointer,
+} from './hanleOption';
+import { handleSeries } from './hanleSeries';
+import { mergeSeries } from '../../util/merge';
+import { CHART_TYPE } from '../../util/constants';
+
+class CandlestickChart {
+
+  static name = CHART_TYPE.CANDLESTICK
+
+  constructor(iChartOption, chartInstance) {
+    this.baseOption = {};
+    this.iChartOption = {};
+    this.chartInstance = chartInstance;
+    // 组装 iChartOption, 补全默认值
+    this.iChartOption = init(iChartOption);
+    // 根据 iChartOption 组装 baseOption
+    this.updateOption();
+  }
+
+  updateOption() {
+    const iChartOption = this.iChartOption;
+    const volume = this.iChartOption.volume;
+    const data = handleData(iChartOption);
+    if (!data) return;
+    handleSeries(this.baseOption, iChartOption, data, this.chartInstance);
+    RectCoordSys(this.baseOption, iChartOption);
+    // 装载除series之外的其他配置
+    handleGrid(this.baseOption, iChartOption);
+    // 平均线和成交量,在这部分对ma和vol的图表进行处理
+    handleAxis(this.baseOption, data, volume);
+    handleTooltip(this.baseOption, iChartOption);
+    handleDataZoom(this.baseOption, iChartOption);
+    handleLegend(this.baseOption, iChartOption);
+    handleAxisPointer(this.baseOption);
+    mergeSeries(iChartOption, this.baseOption);
+  }
+
+  getOption() {
+    return this.baseOption;
+  }
+
+  setOption(option) {
+    this.baseOption = option;
+  }
+}
+
+export default CandlestickChart;

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

@@ -0,0 +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.CIRCLE_PROCESS)
+
+export default chartToken;