@easyv/charts

1.5.16 • Public • Published
easyv-charts
├─ .babelrc
├─ lib                      //  执行 `npm run make` 命令后的打包后自动生成的目录
├─ package-lock.json
├─ package.json
├─ src
│  ├─ components
│  │  ├─ AnimateData.js     //  用来做图表数据改变(增长)动画(HOC)
│  │  ├─ Axis.js            //  x, y, z轴
│  │  ├─ Background.js      //  轴类图背景
│  │  ├─ Band.js            //  (柱状/条形)图柱子
│  │  ├─ Brush.js           //  实现中
│  │  ├─ Carousel.js        //  饼图类图表轮播逻辑,用来管理currentIndex,及回调逻辑(HOC)
│  │  ├─ CartesianChart.js  //  轴类图表
│  │  ├─ Chart.js           //  总入口,通过外面传进来的type来确定渲染哪种图表,饼环图表为“pie”,否则为轴类图表
│  │  ├─ ChartContainer.js  //  svg外框
│  │  ├─ ConicalGradient.js //  饼图装饰内圈
│  │  ├─ ExtentData.js      //  计算X/Y/Z轴的domain,具体的逻辑在useExtentData(HOC)
│  │  ├─ FilterData.js      //  点击图例进行数据筛选,具体逻辑在useFilterData(HOC)
│  │  ├─ Indicator.js       //  轴类图表移上去的指示框背景
│  │  ├─ Label.js           //  轴类图表标签
│  │  ├─ Legend.js          //  图例
│  │  ├─ Lighter.jsx        //  区域图发光跟踪路径
│  │  ├─ Line.js            //  折线图
│  │  ├─ LinearGradient.js  //  svg渐变滤镜
│  │  ├─ PieChart.js        //  饼环图
│  │  ├─ StackData.js       //  堆叠类,具体逻辑在useStackData(HOC)
│  │  ├─ StereoBar.js       //  伪3D柱状图
│  │  ├─ Tooltip.js         //  提示框
│  │  └─ index.js
│  ├─ context
│  │  └─ index.js
│  ├─ css
│  │  └─ index.module.css
│  ├─ element
│  │  ├─ Line.js            //  <line />线组件
│  │  └─ index.js
│  ├─ hooks
│  │  ├─ index.js
│  │  ├─ useAnimateData.js  //  
│  │  ├─ useAxes.js
│  │  ├─ useCarouselAxisX.js
│  │  ├─ useExtentData.js
│  │  ├─ useFilterData.js
│  │  ├─ useStackData.js
│  │  └─ useTooltip.js
│  ├─ index.js
│  └─ utils
│     └─ index.js
└─ tsconfig.json

Readme

Keywords

none

Package Sidebar

Install

npm i @easyv/charts

Weekly Downloads

8

Version

1.5.16

License

ISC

Unpacked Size

562 kB

Total Files

105

Last publish

Collaborators

  • rppp
  • zqzzhouzhou0311
  • adachi-sakura
  • muransolove
  • dong_po
  • youlin
  • easyv_nianyi
  • nianyi
  • easyv-wanfeng
  • xiaoyao0117
  • hanshuai1994
  • mengde123