Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@easyv/charts

Package Overview
Dependencies
Maintainers
0
Versions
226
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@easyv/charts

``` easyv-charts ├─ .babelrc ├─ lib // 执行 `npm run make` 命令后的打包后自动生成的目录 ├─ package-lock.json ├─ package.json ├─ src │ ├─ components │ │ ├─ AnimateData.js // 用来做图表数据改变(增长)动画(HOC) │ │ ├─ Axis.js // x, y,

  • 1.6.19
  • latest
  • npm
  • Socket score

Version published
Weekly downloads
243
increased by203.75%
Maintainers
0
Weekly downloads
 
Created
Source
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

FAQs

Package last updated on 17 Dec 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc