@opentiny/vue-renderless 3.1.0-alpha.0 → 3.5.0

package/chart-boxplot/index.js

@@ -0,0 +1,270 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { getFormated, htmlHandler, getLegend } from '@opentiny/vue-renderless/chart-core/deps/utils';
+import { itemPoint, itemLabel, itemContent } from '@opentiny/vue-renderless/chart-core/deps/constants';
+var getXAxis = function getXAxis(args) {
+  var columns = args.columns,
+    xAxisName = args.xAxisName,
+    axisVisible = args.axisVisible,
+    xAxisType = args.xAxisType;
+  return [{
+    type: xAxisType,
+    nameLocation: 'middle',
+    nameGap: 22,
+    name: xAxisName || '',
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: '#eee'
+      }
+    },
+    data: columns,
+    show: axisVisible
+  }];
+};
+var getSeries = function getSeries(args) {
+  var area = args.area,
+    areaStyle = args.areaStyle,
+    itemStyle = args.itemStyle,
+    label = args.label,
+    lineStyle = args.lineStyle,
+    _args$outliers = args.outliers,
+    outliers = _args$outliers === void 0 ? [] : _args$outliers,
+    rows = args.rows;
+  var _ref = {},
+    _ref$series = _ref.series,
+    series = _ref$series === void 0 ? [] : _ref$series,
+    _ref$arr = _ref.arr,
+    arr = _ref$arr === void 0 ? ['boxplot', 'scatter'] : _ref$arr;
+  arr.forEach(function (item) {
+    if (item === 'scatter' && !outliers.length) {
+      return;
+    }
+    var data = item === 'boxplot' ? rows : outliers;
+    var seriesItem = {
+      name: '',
+      type: item,
+      data: data
+    };
+    area && (seriesItem.areaStyle = {});
+    label && (seriesItem.label = label);
+    lineStyle && (seriesItem.lineStyle = lineStyle);
+    itemStyle && (seriesItem.itemStyle = itemStyle);
+    areaStyle && (seriesItem.areaStyle = areaStyle);
+    series.push(seriesItem);
+  });
+  return series;
+};
+var factoryFmt = function factoryFmt(_ref2) {
+  var yAxisType = _ref2.yAxisType,
+    i = _ref2.i,
+    digit = _ref2.digit;
+  return function (val) {
+    return getFormated(val, yAxisType[i], digit);
+  };
+};
+var getYAxis = function getYAxis(args) {
+  var axisVisible = args.axisVisible,
+    digit = args.digit,
+    max = args.max,
+    min = args.min,
+    scale = args.scale,
+    yAxisName = args.yAxisName,
+    yAxisType = args.yAxisType;
+  var yAxisBase = {
+    type: 'value',
+    axisTick: {
+      show: false
+    },
+    show: axisVisible
+  };
+  var _ref3 = {},
+    _ref3$yAxis = _ref3.yAxis,
+    yAxis = _ref3$yAxis === void 0 ? [] : _ref3$yAxis,
+    _ref3$len = _ref3.len,
+    len = _ref3$len === void 0 ? yAxisType.length >= 2 ? 2 : 1 : _ref3$len,
+    _ref3$i = _ref3.i,
+    i = _ref3$i === void 0 ? 0 : _ref3$i;
+  for (; i < len; i++) {
+    if (!yAxisType[i]) {
+      yAxis[i] = _objectSpread({}, yAxisBase);
+    } else {
+      var formatter = factoryFmt({
+        yAxisType: yAxisType,
+        i: i,
+        digit: digit
+      });
+      var yAxisAdv = {
+        axisLabel: {
+          formatter: formatter
+        }
+      };
+      yAxis[i] = _objectSpread(_objectSpread({}, yAxisBase), yAxisAdv);
+      var name = yAxisName[i] || '';
+      Object.assign(yAxis[i], {
+        name: name,
+        scale: scale[i] || false,
+        min: min[i] || null,
+        max: max[i] || null
+      });
+    }
+  }
+  return yAxis;
+};
+var tooltipTemplate = function tooltipTemplate(_ref4, tooltipLabel) {
+  var data = _ref4.data,
+    seriesType = _ref4.seriesType,
+    seriesName = _ref4.seriesName,
+    color = _ref4.color,
+    value = _ref4.value,
+    name = _ref4.name;
+  var tpl = [];
+  if (seriesType === 'boxplot') {
+    var tips = [];
+    tooltipLabel.forEach(function (label, idx) {
+      tips.push("".concat(itemPoint(color)).concat(itemLabel(label)).concat(itemContent(data[idx + 1])));
+    });
+    tpl.push(tips.join('<br/>'));
+  } else {
+    tpl.push(itemPoint(color));
+    if (Array.isArray(value)) {
+      tpl.push(value.join(': '));
+    } else {
+      tpl.push("".concat(seriesName || name, ": "));
+      tpl.push(value);
+    }
+    tpl.push('<br>');
+  }
+  return tpl;
+};
+var getTooltip = function getTooltip(args) {
+  var tooltipFormatter = args.tooltipFormatter,
+    tooltipLabel = args.tooltipLabel;
+  return {
+    trigger: 'item',
+    formatter: function formatter(items) {
+      if (tooltipFormatter) {
+        return tooltipFormatter.apply(null, arguments);
+      }
+      var tpl = [];
+      var _ref5 = items[0] || {},
+        name = _ref5.name,
+        axisValueLabel = _ref5.axisValueLabel;
+      var title = name || axisValueLabel;
+      title && tpl.push("".concat(title, "<br>"));
+      if (Array.isArray(items)) {
+        items.forEach(function (item) {
+          tpl = tpl.concat(tooltipTemplate(item, tooltipLabel));
+        });
+      } else {
+        tpl = tooltipTemplate(items, tooltipLabel);
+      }
+      return tpl.join('');
+    }
+  };
+};
+export var boxplot = function boxplot(columns, rows, settings, extra) {
+  rows = Array.isArray(rows) ? rows : [];
+  columns = Array.isArray(columns) ? columns : [];
+  var _settings$axisSite = settings.axisSite,
+    axisSite = _settings$axisSite === void 0 ? {} : _settings$axisSite,
+    _settings$yAxisType = settings.yAxisType,
+    yAxisType = _settings$yAxisType === void 0 ? ['normal'] : _settings$yAxisType,
+    _settings$xAxisType = settings.xAxisType,
+    xAxisType = _settings$xAxisType === void 0 ? 'category' : _settings$xAxisType,
+    _settings$yAxisName = settings.yAxisName,
+    yAxisName = _settings$yAxisName === void 0 ? '' : _settings$yAxisName,
+    _settings$xAxisName = settings.xAxisName,
+    xAxisName = _settings$xAxisName === void 0 ? '' : _settings$xAxisName;
+  var _settings$axisVisible = settings.axisVisible,
+    axisVisible = _settings$axisVisible === void 0 ? true : _settings$axisVisible,
+    area = settings.area,
+    _settings$scale = settings.scale,
+    scale = _settings$scale === void 0 ? [false, false] : _settings$scale,
+    _settings$min = settings.min,
+    min = _settings$min === void 0 ? [null, null] : _settings$min,
+    _settings$max = settings.max,
+    max = _settings$max === void 0 ? [null, null] : _settings$max;
+  var _settings$nullAddZero = settings.nullAddZero,
+    nullAddZero = _settings$nullAddZero === void 0 ? false : _settings$nullAddZero,
+    _settings$digit = settings.digit,
+    digit = _settings$digit === void 0 ? 2 : _settings$digit,
+    _settings$legendName = settings.legendName,
+    legendName = _settings$legendName === void 0 ? {} : _settings$legendName,
+    _settings$labelMap = settings.labelMap,
+    labelMap = _settings$labelMap === void 0 ? {} : _settings$labelMap,
+    label = settings.label,
+    itemStyle = settings.itemStyle;
+  var lineStyle = settings.lineStyle,
+    areaStyle = settings.areaStyle,
+    _settings$tooltipLabe = settings.tooltipLabel,
+    tooltipLabel = _settings$tooltipLabe === void 0 ? ['lower', 'Q1', 'median', 'Q3', 'upper'] : _settings$tooltipLabe;
+  var legendVisible = extra.legendVisible,
+    outliers = extra.outliers,
+    tooltipFormatter = extra.tooltipFormatter,
+    tooltipVisible = extra.tooltipVisible;
+  var metrics = columns.slice();
+  if (axisSite.right && axisSite.left) {
+    metrics = axisSite.left.concat(axisSite.right);
+  } else if (!axisSite.right && axisSite.left) {
+    metrics = axisSite.left;
+  } else if (settings.metrics) {
+    metrics = settings.metrics;
+  }
+  var legend = legendVisible && getLegend({
+    metrics: metrics,
+    legendName: legendName,
+    labelMap: labelMap
+  });
+  var getParams = function getParams() {
+    return {
+      tooltipFormatter: tooltipFormatter,
+      tooltipLabel: htmlHandler(tooltipLabel),
+      digit: digit
+    };
+  };
+  var tooltip = tooltipVisible && getTooltip(getParams());
+  var xAxis = getXAxis({
+    columns: columns,
+    xAxisName: xAxisName,
+    axisVisible: axisVisible,
+    xAxisType: xAxisType
+  });
+  var yAxisParams = {
+    yAxisName: yAxisName,
+    yAxisType: yAxisType,
+    axisVisible: axisVisible
+  };
+  Object.assign(yAxisParams, {
+    scale: scale,
+    min: min,
+    max: max,
+    digit: digit
+  });
+  var yAxis = getYAxis(yAxisParams);
+  var seriesParams = {
+    rows: rows,
+    axisSite: axisSite,
+    metrics: metrics,
+    area: area,
+    nullAddZero: nullAddZero,
+    labelMap: labelMap,
+    label: label
+  };
+  Object.assign(seriesParams, {
+    itemStyle: itemStyle,
+    lineStyle: lineStyle,
+    areaStyle: areaStyle,
+    xAxisType: xAxisType,
+    outliers: outliers
+  });
+  var series = getSeries(seriesParams);
+  return {
+    legend: legend,
+    xAxis: xAxis,
+    series: series,
+    yAxis: yAxis,
+    tooltip: tooltip
+  };
+};

package/chart-candle/index.js

@@ -0,0 +1,428 @@
+import { getFormated } from '@opentiny/vue-renderless/chart-core/deps/utils';
+import { itemPoint, itemLabel, itemContent } from '@opentiny/vue-renderless/chart-core/deps/constants';
+import { isNull } from '@opentiny/vue-renderless/common/type';
+var DEF_MA = [5, 10, 20, 30];
+var DEF_DOWN_COLOR = '#eb171f';
+var DEF_UP_COLOR = '#00a874';
+var DEF_START = 50;
+var DEF_END = 100;
+var SHOW_FALSE = {
+  show: false
+};
+var defaultKName = '';
+var getCandleLegend = function getCandleLegend(args) {
+  var MA = args.MA,
+    labelMap = args.labelMap,
+    legendName = args.legendName,
+    showMA = args.showMA;
+  var data = [defaultKName];
+  showMA && (data = data.concat(MA.map(function (v) {
+    return "MA".concat(v);
+  })));
+  labelMap && (data = data.map(function (v) {
+    return isNull(labelMap[v]) ? v : labelMap[v];
+  }));
+  function formatter(name) {
+    return isNull(legendName[name]) ? name : legendName[name];
+  }
+  return {
+    data: data,
+    formatter: formatter
+  };
+};
+var getCandleTooltip = function getCandleTooltip(args) {
+  var dataType = args.dataType,
+    digit = args.digit,
+    labelMap = args.labelMap,
+    metrics = args.metrics;
+  function position(pos, params, el, elRect, size) {
+    var result = {
+      top: 10
+    };
+    var side = pos[0] < size.viewSize[0] / 2 ? 'right' : 'left';
+    result[side] = 60;
+    return result;
+  }
+  function formatter(options) {
+    var tplt = [];
+    tplt.push("".concat(itemContent(options[0].axisValue), "<br>"));
+    options.forEach(function (opt) {
+      var color = opt.color,
+        componentSubType = opt.componentSubType,
+        data = opt.data,
+        seriesName = opt.seriesName;
+      var name = isNull(labelMap[seriesName]) ? seriesName : labelMap[seriesName];
+      tplt.push("".concat(itemPoint(color)).concat(itemContent(name), ": "));
+      if (componentSubType === 'candlestick') {
+        tplt.push('<br>');
+        metrics.slice(0, 4).forEach(function (m, i) {
+          var name = isNull(labelMap[m]) ? m : labelMap[m];
+          var value = getFormated(data[i + 1], dataType, digit);
+          tplt.push("".concat(itemLabel("- ".concat(name))).concat(itemContent(value), "<br>"));
+        });
+      } else if (componentSubType === 'line') {
+        var value = getFormated(data, dataType, digit);
+        tplt.push("".concat(itemContent(value), "<br>"));
+      } else if (componentSubType === 'bar') {
+        var _value = getFormated(data[1], dataType, digit);
+        tplt.push("".concat(itemContent(_value), "<br>"));
+      }
+    });
+    return tplt.join('');
+  }
+  return {
+    axisPointer: {
+      type: 'cross'
+    },
+    formatter: formatter,
+    position: position,
+    trigger: 'axis'
+  };
+};
+var getCandleVisualMap = function getCandleVisualMap(args) {
+  var MA = args.MA,
+    downColor = args.downColor,
+    showMA = args.showMA,
+    upColor = args.upColor;
+  var seriesIndex = showMA ? 1 + MA.length : 1;
+  var pieces = [{
+    value: 1,
+    color: downColor
+  }, {
+    value: -1,
+    color: upColor
+  }];
+  return {
+    dimension: 2,
+    pieces: pieces,
+    seriesIndex: seriesIndex,
+    show: false
+  };
+};
+var getCandleGrid = function getCandleGrid(args) {
+  var showVol = args.showVol;
+  var height = showVol ? '50%' : '65%';
+  return [{
+    containLabel: false,
+    left: '10%',
+    right: '8%',
+    top: '10%',
+    height: height
+  }, {
+    containLabel: false,
+    left: '10%',
+    right: '8%',
+    top: '65%',
+    height: '16%'
+  }];
+};
+var getCandleXAxis = function getCandleXAxis(args) {
+  var data = args.dims;
+  var _ref = {},
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'category' : _ref$type,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? true : _ref$scale,
+    _ref$boundaryGap = _ref.boundaryGap,
+    boundaryGap = _ref$boundaryGap === void 0 ? false : _ref$boundaryGap,
+    _ref$splitLine = _ref.splitLine,
+    splitLine = _ref$splitLine === void 0 ? SHOW_FALSE : _ref$splitLine;
+  var _ref2 = {},
+    _ref2$axisLine = _ref2.axisLine,
+    axisLine = _ref2$axisLine === void 0 ? {
+      onZero: false
+    } : _ref2$axisLine,
+    _ref2$axisTick = _ref2.axisTick,
+    axisTick = _ref2$axisTick === void 0 ? SHOW_FALSE : _ref2$axisTick,
+    _ref2$axisLabel = _ref2.axisLabel,
+    axisLabel = _ref2$axisLabel === void 0 ? SHOW_FALSE : _ref2$axisLabel;
+  var _ref3 = {},
+    _ref3$min = _ref3.min,
+    min = _ref3$min === void 0 ? 'dataMin' : _ref3$min,
+    _ref3$max = _ref3.max,
+    max = _ref3$max === void 0 ? 'dataMax' : _ref3$max,
+    _ref3$gridIndex = _ref3.gridIndex,
+    gridIndex = _ref3$gridIndex === void 0 ? 1 : _ref3$gridIndex;
+  return [{
+    axisLine: axisLine,
+    boundaryGap: boundaryGap,
+    data: data,
+    max: max,
+    min: min,
+    scale: scale,
+    splitLine: splitLine,
+    type: type
+  }, {
+    axisLine: axisLine,
+    boundaryGap: boundaryGap,
+    data: data,
+    max: max,
+    min: min,
+    scale: scale,
+    splitLine: splitLine,
+    type: type,
+    axisLabel: axisLabel,
+    axisTick: axisTick,
+    gridIndex: gridIndex
+  }];
+};
+var getCandleYAxis = function getCandleYAxis(args) {
+  var dataType = args.dataType,
+    digit = args.digit;
+  var _ref4 = {},
+    _ref4$scale = _ref4.scale,
+    scale = _ref4$scale === void 0 ? true : _ref4$scale,
+    _ref4$gridIndex = _ref4.gridIndex,
+    gridIndex = _ref4$gridIndex === void 0 ? 1 : _ref4$gridIndex,
+    _ref4$splitNumber = _ref4.splitNumber,
+    splitNumber = _ref4$splitNumber === void 0 ? 2 : _ref4$splitNumber,
+    _ref4$axisLine = _ref4.axisLine,
+    axisLine = _ref4$axisLine === void 0 ? SHOW_FALSE : _ref4$axisLine;
+  var _ref5 = {},
+    _ref5$axisTick = _ref5.axisTick,
+    axisTick = _ref5$axisTick === void 0 ? SHOW_FALSE : _ref5$axisTick,
+    _ref5$axisLabel = _ref5.axisLabel,
+    axisLabel = _ref5$axisLabel === void 0 ? SHOW_FALSE : _ref5$axisLabel,
+    _ref5$splitLine = _ref5.splitLine,
+    splitLine = _ref5$splitLine === void 0 ? SHOW_FALSE : _ref5$splitLine;
+  var formatter = function formatter(val) {
+    return getFormated(val, dataType, digit);
+  };
+  return [{
+    scale: scale,
+    axisTick: axisTick,
+    axisLabel: {
+      formatter: formatter
+    }
+  }, {
+    scale: scale,
+    axisTick: axisTick,
+    axisLabel: axisLabel,
+    gridIndex: gridIndex,
+    splitNumber: splitNumber,
+    axisLine: axisLine,
+    splitLine: splitLine
+  }];
+};
+var getCandleDataZoom = function getCandleDataZoom(args) {
+  var start = args.start,
+    end = args.end;
+  return [{
+    type: 'inside',
+    xAxisIndex: [0, 1],
+    start: start,
+    end: end
+  }, {
+    type: 'slider',
+    xAxisIndex: [0, 1],
+    start: start,
+    end: end,
+    show: true,
+    top: '85%'
+  }];
+};
+var calculateMA = function calculateMA(dayCount, data, digit) {
+  var result = [];
+  data.forEach(function (d, k) {
+    if (k < dayCount) {
+      result.push('-');
+    } else {
+      var _ref6 = {},
+        _ref6$acc = _ref6.acc,
+        acc = _ref6$acc === void 0 ? 0 : _ref6$acc,
+        _ref6$i = _ref6.i,
+        i = _ref6$i === void 0 ? 0 : _ref6$i;
+      for (; i < dayCount; i++) {
+        acc += data[k - i][1];
+      }
+      result.push(Number((acc / dayCount).toFixed(digit)));
+    }
+  });
+  return result;
+};
+var getCandleSeries = function getCandleSeries(args) {
+  var MA = args.MA,
+    digit = args.digit,
+    downColor = args.downColor,
+    itemStyle = args.itemStyle,
+    labelMap = args.labelMap,
+    showMA = args.showMA,
+    showVol = args.showVol,
+    upColor = args.upColor,
+    values = args.values,
+    volumes = args.volumes;
+  var style = itemStyle || {
+    color: upColor,
+    color0: downColor,
+    borderColor: null,
+    borderColor0: null
+  };
+  var lineStyle = {
+    opacity: 0.5
+  };
+  var name = isNull(labelMap[defaultKName]) ? defaultKName : labelMap[defaultKName];
+  var series = [{
+    name: name,
+    data: values,
+    type: 'candlestick',
+    itemStyle: style
+  }];
+  if (showMA) {
+    MA.forEach(function (d) {
+      var key = "MA".concat(d);
+      var serieName = isNull(labelMap[key]) ? key : labelMap[key];
+      var serieData = calculateMA(d, values, digit);
+      series.push({
+        name: serieName,
+        data: serieData,
+        type: 'line',
+        lineStyle: lineStyle,
+        smooth: true
+      });
+    });
+  }
+  if (showVol) {
+    series.push({
+      name: 'Volume',
+      data: volumes,
+      type: 'bar',
+      xAxisIndex: 1,
+      yAxisIndex: 1
+    });
+  }
+  return series;
+};
+export var candle = function candle(columns, rows, settings, extra) {
+  var _settings$dimension = settings.dimension,
+    dimension = _settings$dimension === void 0 ? columns[0] : _settings$dimension,
+    _settings$metrics = settings.metrics,
+    metrics = _settings$metrics === void 0 ? columns.slice(1, 6) : _settings$metrics,
+    _settings$digit = settings.digit,
+    digit = _settings$digit === void 0 ? 2 : _settings$digit,
+    itemStyle = settings.itemStyle;
+  var _settings$labelMap = settings.labelMap,
+    labelMap = _settings$labelMap === void 0 ? {} : _settings$labelMap,
+    _settings$legendName = settings.legendName,
+    legendName = _settings$legendName === void 0 ? {} : _settings$legendName,
+    _settings$MA = settings.MA,
+    MA = _settings$MA === void 0 ? DEF_MA : _settings$MA,
+    _settings$showMA = settings.showMA,
+    showMA = _settings$showMA === void 0 ? false : _settings$showMA,
+    _settings$showVol = settings.showVol,
+    showVol = _settings$showVol === void 0 ? false : _settings$showVol;
+  var _settings$showDataZoo = settings.showDataZoom,
+    showDataZoom = _settings$showDataZoo === void 0 ? false : _settings$showDataZoo,
+    _settings$downColor = settings.downColor,
+    downColor = _settings$downColor === void 0 ? DEF_DOWN_COLOR : _settings$downColor,
+    _settings$upColor = settings.upColor,
+    upColor = _settings$upColor === void 0 ? DEF_UP_COLOR : _settings$upColor;
+  var _settings$start = settings.start,
+    start = _settings$start === void 0 ? DEF_START : _settings$start,
+    _settings$end = settings.end,
+    end = _settings$end === void 0 ? DEF_END : _settings$end,
+    dataType = settings.dataType;
+  var tooltipVisible = extra.tooltipVisible,
+    legendVisible = extra.legendVisible,
+    t = extra.t;
+  var isLiteData = Array.isArray(rows[0]);
+  var _ref7 = {},
+    _ref7$dims = _ref7.dims,
+    dims = _ref7$dims === void 0 ? [] : _ref7$dims,
+    _ref7$values = _ref7.values,
+    values = _ref7$values === void 0 ? [] : _ref7$values,
+    _ref7$volumes = _ref7.volumes,
+    volumes = _ref7$volumes === void 0 ? [] : _ref7$volumes;
+  var candleMetrics = metrics.slice(0, 4);
+  var volumeMetrics = metrics[4];
+  defaultKName = t('ui.chart.kName');
+  if (isLiteData) {
+    rows.forEach(function (row) {
+      var itemResult = [];
+      dims.push(row[columns.indexOf(dimension)]);
+      candleMetrics.forEach(function (item) {
+        return itemResult.push(row[columns.indexOf(item)]);
+      });
+      values.push(itemResult);
+      volumeMetrics && volumes.push(row[columns.indexOf(volumeMetrics)]);
+    });
+  } else {
+    rows.forEach(function (row, index) {
+      var itemResult = [];
+      dims.push(row[dimension]);
+      candleMetrics.forEach(function (item) {
+        return itemResult.push(row[item]);
+      });
+      values.push(itemResult);
+      if (volumeMetrics) {
+        var status = row[metrics[0]] > row[metrics[1]] ? 1 : -1;
+        volumes.push([index, row[volumeMetrics], status]);
+      }
+    });
+  }
+  var params = {
+    MA: MA,
+    labelMap: labelMap,
+    legendName: legendName,
+    showMA: showMA
+  };
+  var legend = legendVisible && getCandleLegend(params);
+  params = {
+    dataType: dataType,
+    digit: digit,
+    labelMap: labelMap,
+    metrics: metrics
+  };
+  var tooltip = tooltipVisible && getCandleTooltip(params);
+  params = {
+    downColor: downColor,
+    upColor: upColor,
+    MA: MA,
+    showMA: showMA
+  };
+  var visualMap = showVol && getCandleVisualMap(params);
+  var dataZoom = showDataZoom && getCandleDataZoom({
+    start: start,
+    end: end
+  });
+  var grid = getCandleGrid({
+    showVol: showVol
+  });
+  var xAxis = getCandleXAxis({
+    dims: dims
+  });
+  var yAxis = getCandleYAxis({
+    dataType: dataType,
+    digit: digit
+  });
+  params = {
+    values: values,
+    volumes: volumes,
+    upColor: upColor,
+    downColor: downColor,
+    showMA: showMA
+  };
+  Object.assign(params, {
+    MA: MA,
+    showVol: showVol,
+    labelMap: labelMap,
+    digit: digit,
+    itemStyle: itemStyle
+  });
+  var series = getCandleSeries(params);
+  var axisPointer = {
+    link: {
+      xAxisIndex: 'all'
+    }
+  };
+  return {
+    legend: legend,
+    tooltip: tooltip,
+    visualMap: visualMap,
+    grid: grid,
+    xAxis: xAxis,
+    yAxis: yAxis,
+    dataZoom: dataZoom,
+    series: series,
+    axisPointer: axisPointer
+  };
+};