@alicloud/cloud-charts/es/common/rectScrollbar.js


'use strict';

import themes from '../themes';
import { merge, pxToNumber } from './common';
/**
 * 直角坐标系的缩略轴设置
 *
 * @param {Chart} chart 图表实例
 * @param {ScrollbarConfig} config 配置项
 * */
export default function (chart, config) {
  var _config$scrollbar$typ, _config$scrollbar, _config$scrollbar$typ2, _config$scrollbar2;
  if (!config.scrollbar) {
    return;
  }
  var scrollbarConfig = {
    // categorySize 目前只能在这里传入参数设置
    categorySize: pxToNumber(themes['widgets-font-size-1']) * 4,
    // @ts-ignore 横向柱状图的滚动条需要默认为垂直形态
    type: (config === null || config === void 0 ? void 0 : config.column) === false ? (_config$scrollbar$typ = config === null || config === void 0 ? void 0 : (_config$scrollbar = config.scrollbar) === null || _config$scrollbar === void 0 ? void 0 : _config$scrollbar.type) !== null && _config$scrollbar$typ !== void 0 ? _config$scrollbar$typ : 'vertical' : (_config$scrollbar$typ2 = config === null || config === void 0 ? void 0 : (_config$scrollbar2 = config.scrollbar) === null || _config$scrollbar2 === void 0 ? void 0 : _config$scrollbar2.type) !== null && _config$scrollbar$typ2 !== void 0 ? _config$scrollbar$typ2 : 'horizontal'
  };
  if (typeof config.scrollbar === 'object') {
    merge(scrollbarConfig, config.scrollbar);
  }

  // const { showText = false, labelFormatter = undefined, ...other } = typeof config.slider === 'object' ? config.slider : {};
  //
  // if (showText) {
  //   defaultConfig.textStyle.opacity = 0.8;
  // }
  //
  // if (labelFormatter) {
  //   defaultConfig.formatter = labelFormatter;
  // }

  // const sliderConfig = merge(defaultConfig, other);

  chart.option('scrollbar', scrollbarConfig);
}