一：说明： 单根柱子的柱状图组件

二：使用： npm i @czty/lchartbar

import React from 'react'; import Lchartbar from '@czty/lchartbar';

const MyComponent = () => { return ( <Lchartbar draggable={true} configer={ x: 0, y: 0, clazz : '', params : {}, url: '', method: 'get', data: [3, 3, 4, 29, 40],

    width: '400px',
    height: '200px',
    xdata: ['2022-04-02', '2022-04-01', '2022-03-30', '2022-03-29', '2022-03-28'],
    xType: 'date',
    xFormatter: 'MM-dd',

    axisTextColor: 'rgb(137, 171, 205)',
    barWidth: 10,
    barbackground: 'rgba(55, 95, 144, 0.5)',
    barItemColor: ['rgba(36, 226, 254, 1)', 'rgba(21, 52, 86, 1)'],
    pictorialBar: false,

    options: {}
  }
/>

) }

三：字段说明 x: y: clazz: 可添加的组件的className params: 请求的传参参数 url: 请求的url地址 method: 请求方式 width: 组件的整体宽度 height: 组件的整体高度 data：数据 xdata：x轴数据 xType：x轴值类型 xFormatter：x轴值格式方式 // 只作用xType='date'日期类型 axisTextColor：轴刻度值字体颜色 barWidth：柱子宽度 barbackground：柱子背景层颜色 barItemColor：柱子颜色 pictorialBar：是否是象形柱图 options：饼图option选项