VChart/packages/react-vchart
2023-11-10 18:39:58 +08:00
..
demo
docs
src
.eslintrc.cjs
bundler.config.js
CHANGELOG.json
CHANGELOG.md
package.json
README.md
rollup.config.js
tsconfig.eslint.json
tsconfig.json

@visactor/react-vchart

@visactor/react-vchart 是由 VisActor 为您提供的 React 封装版本 VChart 图表库。它提供了一系列易于使用的 React 组件,用于方便的在 React 开发环境中创建各种类型的图表,包括折线图、柱状图、饼图等。@visactor/react-vchart 的组件具有高度的可定制性和可扩展性,可以通过传递不同的参数和配置来实现不同的图表效果。

@visactor/react-vchart 的主要特点包括:

  • 易于使用@visactor/react-vchart 提供了一系列易于使用的 React 组件,可以快速创建各种类型的图表。
  • 可定制性强@visactor/react-vchart 的组件具有高度的可定制性,可以通过传递不同的参数和配置来实现不同的图表效果。
  • 可扩展性强@visactor/react-vchart 的组件可以轻松地扩展和定制,可以根据需要添加新的功能和特性。
  • 兼容性好@visactor/react-vchart 完全继承了 VChart 的可视化能力,可以在不同的浏览器和设备上运行。
  • 支持多种图表类型@visactor/react-vchart 支持多种类型的图表,包括折线图、柱状图、饼图、雷达图等。

@visactor/react-vchart 在能力上完全对齐 VChart并且 API 配置也与 VChart 几乎一致,关于图表的定义和配置可参考VChart

开发指引

Build

# root directory
$ rush build

Development

# root directory
$ rush react

or

$ cd packages/react-vchart
$ rushx start

文档指引

项目文档位于 @visactor/react-vchart 目录中的 docs 路径。

  1. 快速开始
    • 环境要求
    • 安装
    • 引入 @visactor/react-vchart
    • 绘制一个简单的柱状图
  2. 入门
  3. 事件交互
  4. 主题样式
  5. FAQ
  6. 更新日志