bizcharts图表封装之单柱状图（带Slider）

一、带滚动条Slider的单柱状图

 1.1单柱状图分类：

                          基础柱状图 、区间柱状图

 1.2区别：

        区间柱状图，二者的区别只是数据源的不同

•          基础柱状图：yAxis 对应的值是number类型
•          区间柱状图：yAxis 对应的值是[number,number](数组)类型   

1.3封装组件

import React from "react";
import {
  Chart,
  Geom,
  Axis,
  Tooltip,
} from "bizcharts";
// @ts-ignore
import Slider from 'bizcharts-plugin-slider';
// @ts-ignore
import DataSet from '@antv/data-set';
import {dealSliderChange, filterSliderData} from "@/pages/charts/utils/chartsCommon";

interface IBasicColumnProps {
  data: any[]; // 数据源
  xAxis: string; // x轴坐标
  yAxis: string; // y轴坐标
  height?:number;
  maxLen?:number;
}

/**
 * 单柱状图：
 *     1、带有滚动条Slider；
 *     2、可适用于基础柱状图、区间柱状图，二者的区别只是数据源的不同
 *