@ebiz/designer-components 0.0.18-tj.1

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

@@ -0,0 +1,20 @@
+/**
+ * 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 { CHART_TYPE } from '../../util/constants';
+/**
+ * 配置鼠标悬浮提示框
+ */
+export function setTooltip(iChartOpt) {
+  const basicTip=tooltip(iChartOpt,CHART_TYPE.WORD_CLOUD)
+  return basicTip;
+}

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

@@ -0,0 +1,106 @@
+/**
+ * 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 { getColor } from '../../util/color';
+import cloneDeep from '../../util/cloneDeep';
+import chartToken from './chartToken';
+import {random} from '../../util/math';
+
+export const seriesInit = {
+  type: 'wordCloud',
+  // 网格大小，各项之间间距
+  gridSize: 16,
+  // 形状支持 circle 圆，cardioid  心， diamond 菱形， triangle-forward 、triangle 三角，star五角星
+  shape: 'circle',
+  // 字体大小范围
+  sizeRange: [16, 64],
+  // 文字旋转角度范围
+  rotationRange: [0, 0],
+  // 旋转步值
+  rotationStep: 0,
+  // 画布位置
+  top: 'center',
+  left: 'center',
+  right: null,
+  bottom: null,
+  // 画布宽
+  width: '75%',
+  // 画布高
+  height: '80%',
+  // 是否渲染超出画布的文字
+  drawOutOfBound: false,
+  // 文字显示时动画
+  layoutAnimation: true,
+  // 文字颜色
+  textStyle: {
+    color() {
+      return `rgb(${[Math.round(random() * 256), Math.round(random() * 256), Math.round(random() * 256)].join(
+        ',',
+      )})`;
+    },
+  },
+  // hover时样式
+  emphasis: {
+    // focus: 'self',
+    textStyle: {
+      textShadowBlur: 20,
+      textShadowOffsetY: 2,
+      textShadowOffsetX: 2,
+      textShadowColor: '#191919',
+    },
+  },
+  data: [],
+};
+
+/**
+ * 组装echarts所需要的series
+ * @param {主题} theme
+ * @param {数据} data
+ * @returns
+ */
+function handleSeries(params) {
+  const { data, width, height, gridSize, sizeRange, rotationRange, rotationStep, shape, maskImage, textColor, colors } =
+    params;
+  seriesInit.emphasis.textStyle.textShadowColor = chartToken.emphasisTextShadowColor;
+  // 组装数据
+  const series = [];
+  const seriesUnit = cloneDeep(seriesInit);
+  // 自定义图形
+  if (maskImage) {
+    seriesUnit.maskImage = maskImage;
+  }
+  seriesUnit.width = width || '75%';
+  seriesUnit.height = height || '80%';
+  // 网格大小，各项之间间距
+  seriesUnit.gridSize = gridSize || 16;
+  // 字体大小范围
+  seriesUnit.sizeRange = sizeRange || [16, 64];
+  // 文字旋转角度范围
+  seriesUnit.rotationRange = rotationRange || [0, 0];
+  // 文字旋转步值
+  seriesUnit.rotationStep = rotationStep || 0;
+  // 词云形状
+  seriesUnit.shape = shape || 'circle';
+  // 自定义文本颜色
+  if (textColor) {
+    seriesUnit.textStyle.color = textColor;
+  } else {
+    seriesUnit.textStyle.color = data => {
+      const index = data.dataIndex;
+      return getColor(colors, index);
+    };
+  }
+  seriesUnit.data = data;
+  series.push(seriesUnit);
+  return series;
+}
+
+export default handleSeries;

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

@@ -0,0 +1,67 @@
+/**
+ * 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 BaseOption from './BaseOption';
+import cloneDeep from '../../util/cloneDeep';
+import { setTooltip } from './handleOptipn';
+import handleSeries from './handleSeries';
+import init from '../../option/init';
+import { CHART_TYPE } from '../../util/constants';
+
+class WordCloudChart {
+ 
+  static name = CHART_TYPE.WORD_CLOUD
+
+  constructor(iChartOption) {
+    this.baseOption = {};
+    this.iChartOption = {};
+    this.baseOption = cloneDeep(BaseOption);
+    // 组装 iChartOption, 补全默认值
+    this.iChartOption = init(iChartOption);
+    // 根据 iChartOption 组装 baseOption
+    this.updateOption();
+  }
+
+  updateOption() {
+    const iChartOption = this.iChartOption;
+    // 图表基础颜色
+    this.baseOption.color = iChartOption.color;
+    // 图表鼠标悬浮提示框
+    this.baseOption.tooltip = setTooltip(iChartOption);
+    // 数据
+    this.baseOption.series = handleSeries({
+      data: iChartOption.data,
+      width: iChartOption.width,
+      height: iChartOption.height,
+      gridSize: iChartOption.gridSize,
+      sizeRang: iChartOption.sizeRange,
+      rotationRange: iChartOption.rotationRange,
+      rotationStep: iChartOption.rotationStep,
+      shape: iChartOption.shape,
+      maskImage: iChartOption.maskImage,
+      textColor: iChartOption.textColor,
+      colors: this.baseOption.color,
+    });
+    // 图表位置
+    this.baseOption.grid.top = iChartOption.padding[0];
+    this.baseOption.grid.right = iChartOption.padding[1];
+    this.baseOption.grid.bottom = iChartOption.padding[2];
+    this.baseOption.grid.left = iChartOption.padding[3];
+  }
+
+  getOption() {
+    return this.baseOption;
+  }
+
+  setOption() {}
+}
+
+export default WordCloudChart;

package/src/components/charts/core.js

@@ -0,0 +1,386 @@
+/**
+ * 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 tips from './util/tips';
+import * as echarts from 'echarts';
+import Token from './feature/token';
+import xssOption from './feature/xss';
+import throttle from './util/throttle';
+import axistip from './feature/axistip';
+import BaseChart from './components/BaseChart';
+import readScreen from './feature/readScreen';
+import MediaScreen from './feature/mediaScreen';
+import expandLegend from './feature/expandLegend';
+import animation from './option/config/animation';
+import merge, { mergeExtend } from './util/merge';
+import WcagObserver from './feature/wcag';
+import chartLinter from './feature/linter';
+import { event } from './util/event'
+import cloneDeep from './util/cloneDeep';
+import { uuid } from './util/math';
+import Theme from './theme';
+
+const SELF_CHART = [
+  'FlowChart',
+  'WaveChart',
+  'TerraceChart',
+  'RiverChart',
+  'GanttChart',
+  'BaiduMapChart',
+  'HoneycombChart',
+  'OrganizationChart',
+  'AutonaviMapChart',
+  'SnowFlakeChart',
+  'TimelineChart',
+  'MilestoneChart',
+  'MindmapChart',
+  'ForceDirectedChart',
+  'GridChart',
+  'CircleChart',
+  'LinearArcChart',
+  'CircleArcChart',
+  'CustomizeChart'
+];
+
+// 图表核心对象，按需引入图表 class 给 CoreChart 渲染，打包容量较小
+export default class CoreChart extends BaseChart {
+  constructor() {
+    super();
+    // 图表echarts实例
+    this.echartsIns = null;
+    // 图表icharts实例
+    this.ichartsIns = null;
+    // 图表echarts配置项
+    this.eChartOption = null;
+    // 图表icharts配置项
+    this.iChartOption = null;
+    // 图表所在容器
+    this.dom = null;
+    // 图表类型
+    this.chartClass = null;
+    // 图表依赖的三方插件
+    this.plugins = {};
+    // 图表还没有执行render()方法
+    this.hasRender = false;
+    // 图表渲染完毕的回调
+    this.renderCallBack = null;
+    // 图表resize节流时间
+    this.resizeThrottle = 0;
+    // 图表容器的宽高变化监听器
+    this.resizeObserver = null;
+    // 响应式布局的监听器
+    this.mediaScreenObserver = undefined;
+    // 图表可选择能力
+    this.wcagObserver = undefined;
+    // 图表uuid
+    this.uuid = `hui-charts-${uuid()}`;
+  }
+
+  // 注册主题
+  static registerTheme(name, config) {
+    if (!config) {
+      tips.error('The second parameter config is required');
+      return;
+    }
+    Token.set(name, config);
+  }
+
+  // 注册配置
+  static registerConfig(name, config) {
+    if (!config) {
+      tips.error('The second parameter config is required');
+      return;
+    }
+    Token.setConfig(name, config);
+  }
+
+  // 设置主题
+  static theme(name) {
+    Token.setDefaultTheme(name);
+  }
+
+  // 重置token变量
+  static resetThemeCongfig() {
+    Token.resetThemeCongfig();
+  }
+
+  // 开启响应式布局（类媒体查询效果）
+  mediaScreen(dom, screenOption) {
+    this.mediaScreenObserver = new MediaScreen(dom, screenOption, option => {
+      this.setSimpleOption(this.chartClass, option, this.plugins, false);
+      this.render();
+    });
+  }
+
+  // 初始化echarts，并同时监听容器和窗口的大小变化
+  init(chartDom, initOpts, theme = {}) {
+    const defaultInit = {
+      domResize: true,
+      windowResize: true,
+      resizeThrottle: this.resizeThrottle,
+    };
+    initOpts = merge(defaultInit, initOpts);
+    this.dom = chartDom;
+    this.echartsIns = echarts.init(chartDom, theme, initOpts);
+    // resize节流函数
+    this.throttleResize = initOpts.resizeThrottle === 0 ? this.setResize.bind(this) : throttle(initOpts.resizeThrottle, this.setResize.bind(this));
+    // 容器大小变化监听
+    initOpts.domResize && this.setResizeObserver();
+    // 页面大小变化监听
+    initOpts.windowResize && window.addEventListener('resize', this.throttleResize);
+  }
+
+  setResizeObserver() {
+    this.resizeObserver = new ResizeObserver(() => {
+      window.requestAnimationFrame(() => {
+        this.throttleResize();
+      });
+    });
+    this.resizeObserver.observe(this.dom);
+  }
+
+  // 图表宽高自适应
+  setResize() {
+    this.mediaScreenObserver && this.mediaScreenObserver.observe();
+    this.echartsIns && this.echartsIns.resize && this.echartsIns.resize({ width: 'auto' });
+    this.ichartsIns && this.ichartsIns.resize && this.ichartsIns.resize((resizedOption) => {
+      this.setOption(resizedOption);
+    });
+  }
+
+  // 传入简化后的icharts-option
+  setSimpleOption(ChartClass, iChartOption, plugins = {}, isInit = true) {
+    iChartOption = xssOption(iChartOption);
+    // 设定主题、自适应图表
+    if (isInit) {
+      Token.setDefaultTheme(Theme.globalName || iChartOption.theme);
+      this.mediaScreenObserver && this.mediaScreenObserver.setInitOption(iChartOption, ChartClass);
+    }
+    // 添加读屏能力
+    if (iChartOption.readScreen) {
+      readScreen(this.dom, iChartOption.readScreen);
+    }
+    // 如果是复杂图表，则重定向this指向
+    if (this.isSelfChart(ChartClass)) {
+      this.redirectSelfChart(ChartClass, iChartOption, plugins);
+      return;
+    }
+    this.initIChartOption = cloneDeep(iChartOption);
+    this.plugins = plugins;
+    this.chartClass = ChartClass;
+    this.iChartOption = iChartOption;
+    this.ichartsIns = new ChartClass(iChartOption, this.echartsIns, this.plugins);
+    this.eChartOption = this.ichartsIns.getOption();
+    // 配置图表事件
+    event(this.echartsIns, iChartOption.event);
+    axistip(this.dom, this.echartsIns, this.eChartOption, this.iChartOption.axistip);
+    mergeExtend(this.iChartOption, this.eChartOption);
+  }
+
+  // 若自研图表，走自研图表路径，并更改this指向
+  redirectSelfChart(SelfChart, option, plugins) {
+    const stateDom = this.dom.getElementsByClassName('huicharts-state-container')[0];
+    this.uninstall();
+    this.dom.innerHTML = '';
+    const instance = new SelfChart();
+    instance.init(this.dom);
+    instance.setSimpleOption(SelfChart, option, plugins);
+    instance.renderCallBack = this.renderCallBack;
+    if (stateDom) {
+      this.dom.appendChild(stateDom);
+    }
+    Object.setPrototypeOf(this, instance);
+    for (const key in this) {
+      if (Object.hasOwnProperty.call(this, key)) {
+        delete this[key];
+      }
+    }
+  }
+
+  // 判断是否为若自研图表
+  isSelfChart(chartClass) {
+    return SELF_CHART.includes(chartClass.name);
+  }
+
+  // 渲染图表
+  render(option) {
+    // 已经开始渲染
+    this.hasRender = true;
+    // 第一次渲染
+    this.setOption(this.eChartOption, option);
+    // 第二次渲染
+    this.setOptionAgain(this.eChartOption);
+    // 引用拓展图例
+    expandLegend(this);
+    // 图表渲染完成时回调
+    this.renderCallBack && this.renderCallBack(this.echartsIns);
+    // 监听全键盘事件
+    this.keyboardFocus();
+    // 收集实例
+    Theme.registerCharts(this, this.uuid);
+  }
+
+  // 第一次渲染: 调用echarts原生的setOption
+  setOption(eChartOption, option) {
+    option = merge({ notMerge: true }, option);
+    // 注入动画的配置
+    const animationConfig = animation();
+    eChartOption && merge(animationConfig, eChartOption);
+    eChartOption && this.echartsIns.setOption(animationConfig, option);
+  }
+
+  // 第二次渲染: 有些图表需要根据第一次渲染出来的结果进行二次计算
+  setOptionAgain() {
+    if (this.ichartsIns && this.ichartsIns.updateOptionAgain) {
+      // 根据网格重新计算option
+      this.ichartsIns.updateOptionAgain(this.echartsIns);
+      // 再次渲染
+      this.setOption(this.eChartOption);
+    }
+  }
+
+  // 监听全键盘事件
+  keyboardFocus() {
+    const { keyboardFocus, theme } = this.iChartOption || {};
+    if (keyboardFocus) {
+      if (this.wcagObserver) {
+        this.wcagObserver.unobserve();
+      }
+      this.wcagObserver = new WcagObserver(keyboardFocus, theme, this.echartsIns, this.eChartOption);
+    }
+  }
+
+  // 规范检查器
+  linter(action, displayMode) {
+    if (action !== 'check' && action !== 'fix') {
+      console.error('Invalid action');
+      return
+    }
+    chartLinter(this.chartClass.name, this.eChartOption, this.dom, action, displayMode);
+  }
+
+  // 图表刷新，包括刷新配置和数据
+  refresh(iChartOption) {
+    this.iChartOption = iChartOption;
+    this.setSimpleOption(this.chartClass, iChartOption, this.plugins);
+    this.render();
+    this.mediaScreenObserver && this.mediaScreenObserver.refresh();
+  }
+
+  // 图表刷新，仅刷新数据
+  refreshData(data) {
+    this.iChartOption.data = data;
+    this.refresh(this.iChartOption);
+  }
+
+  // 图表渲染完成时回调
+  onRenderReady(callback) {
+    this.renderCallBack = callback;
+  }
+
+  // 给echarts单独绑定事件
+  on(...rest) {
+    this.echartsIns && this.echartsIns.on(...rest);
+  }
+
+  // 给echarts单独解绑事件
+  off(...rest) {
+    this.echartsIns && this.echartsIns.off(...rest);
+  }
+
+  // 给echarts实例绑定事件
+  bindEvents(events) {
+    if (events && events.length !== 0) {
+      events.forEach(item => {
+        if (item.query) {
+          this.off(item.eventName, item.handler);
+          this.on(item.eventName, item.query, item.handler);
+        } else {
+          this.off(item.eventName, item.handler);
+          this.on(item.eventName, item.handler);
+        }
+      });
+    }
+  }
+
+  // 批量给echarts实例解绑事件
+  unbindEvents(events) {
+    if (events && events.length !== 0) {
+      events.forEach(item => {
+        if (item.handler) {
+          this.off(item.eventName, item.handler);
+        } else {
+          this.off(item.eventName);
+        }
+      });
+    }
+  }
+
+  // 卸载图表
+  uninstall() {
+    // 卸载window resize监听功能
+    window.removeEventListener('resize', this.throttleResize);
+    // 卸载container容器变化监听
+    if (this.resizeObserver) {
+      this.resizeObserver.unobserve(this.dom);
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    // 卸载图表可选择能力监听事件
+    if (this.wcagObserver) {
+      this.wcagObserver.unobserve();
+    }
+    // 销毁ECharts实例
+    if (this.echartsIns && !this.echartsIns.isDisposed()) {
+      this.echartsIns.dispose();
+    }
+    this.echartsIns = null;
+    // 移除主题中收集的实例
+    Theme.deleteCharts(this.uuid);
+  }
+
+  // 获取到ECharts实例
+  getEchartsInstance() {
+    return this.echartsIns;
+  }
+
+  // 直接传入ECharts的原生配置项
+  setEchartsOption(option) {
+    option && (this.eChartOption = option);
+  }
+
+  // 获取到ECharts配置项
+  getEchartsOption() {
+    return this.eChartOption;
+  }
+
+  // 触发图表行为
+  dispatchAction(payload) {
+    this.echartsIns && this.echartsIns.dispatchAction(payload)
+  }
+
+  // 激活toolbox中的zoom缩放
+  toggleZoomSelectCursor(payload = {}) {
+    const mixPayload = {
+      type: 'takeGlobalCursor',
+      key: 'dataZoomSelect',
+      // 启动或关闭
+      dataZoomSelectActive: true,
+      ...payload
+    }
+    this.dispatchAction(mixPayload)
+  }
+
+  // 重置数据
+  restoreToolbox() {
+    this.dispatchAction({ type: 'restore' })
+  }
+}

package/src/components/charts/feature/adaptive/index.js

@@ -0,0 +1,46 @@
+/**
+ * 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 BarChartOption from './series/BarChart.js'
+import BulletChartOption from './series/BulletChart.js'
+import PieChartOption from './series/PieChart.js'
+import LineChartOption from './series/LineChart.js'
+import FunnelChartOption from './series/FunnelChart.js'
+import JadeJueChartOption from './series/JadeJueChart.js'
+import BoxplotChartOption from './series/BoxplotChart.js'
+import SunburstChartOption from './series/SunburstChart.js'
+import PolarBarChartOption from './series/PolarBarChart.js'
+import ScatterChartOption from './series/ScatterChart.js'
+import HeatMapChartOption from './series/HeatMapChart.js'
+import BubbleChartOption from './series/BubbleChart.js'
+import CircleProcessChartOption from './series/CircleProcessChart.js'
+import LiquidfillChartOption from './series/LiquidfillChart.js'
+import AssembleBubbleChartOption from './series/AssembleBubbleChart.js'
+
+const defaultOption = {
+  BarChart: BarChartOption,
+  BulletChart: BulletChartOption,
+  PieChart: PieChartOption,
+  LineChart: LineChartOption,
+  FunnelChart: FunnelChartOption,
+  JadeJueChart: JadeJueChartOption,
+  BoxplotChart: BoxplotChartOption,
+  SunburstChart: SunburstChartOption,
+  PolarBarChart: PolarBarChartOption,
+  ScatterChart: ScatterChartOption,
+  HeatMapChart: HeatMapChartOption,
+  BubbleChart: BubbleChartOption,
+  CircleProcessChart: CircleProcessChartOption,
+  LiquidfillChart: LiquidfillChartOption,
+  AssembleBubbleChart: AssembleBubbleChartOption
+}
+
+export default defaultOption

package/src/components/charts/feature/adaptive/series/AssembleBubbleChart.js

@@ -0,0 +1,22 @@
+/**
+ * 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 { polarSysLabel } from "../utils/label";
+import { polarSysLegend } from "../utils/legend";
+import { polarSysTooltip } from "../utils/tooltip";
+
+const AssembleBubbleChartOption = [
+  polarSysLabel,
+  polarSysLegend,
+  polarSysTooltip
+]
+
+export default AssembleBubbleChartOption;

package/src/components/charts/feature/adaptive/series/BarChart.js

@@ -0,0 +1,27 @@
+/**
+ * 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 axis from "../utils/axis"
+import { rectSysLabel } from "../utils/label"
+import { rectSysLegend } from "../utils/legend";
+import { rectSysTitle } from "../utils/title";
+import { rectSysTooltip } from "../utils/tooltip";
+
+const BarChartOption = [
+    axis,
+    rectSysLabel,
+    rectSysLegend,
+    rectSysTitle,
+    rectSysTooltip
+  ]
+
+export default BarChartOption;