产品简介
cloud-charts 一个开箱即用的前端图表库，它使用React ES6语法，通过简单的配置即可生成各种数据可视化图表，无需深入学习G2等复杂图表库的语法。特别适合需要快速构建中后台数据看板的前端开发人员。
核心功能
- 简单上手，开箱即用
- 基于React ES6语法
- 配置化图表，无需学习G2复杂语法
- 支持一键切换图表主题
- 全面拥抱TypeScript，交互能力增强
快速开始
- 通过npm安装：`npm install @alicloud/cloud-charts --save`
- 在React组件中引入图表组件（如`Wbar`）和容器组件（`Wcontainer`）
- 准备图表数据和配置项
- 将组件、数据和配置渲染到页面中
界面预览
与其他方案对比
| 对比项 | cloud-charts | 同类方案 |
|---|---|---|
| 上手难度 | 配置化开发，无需学习复杂的图表语法和数据映射，开箱即用。 | 部分图表库（如G2）需要理解底层语法和数据映射规则，学习曲线较陡。 |
| 主题定制 | 支持一键切换图表主题。 | 部分同类工具可能不支持或需要手动调整样式以切换主题。 |
适合谁用
- 需要快速构建数据可视化界面的中后台前端开发人员
- 希望简化图表开发流程、提升效率的React开发者
下载与版本
当前最新版本为 v1.1.24，发布于 2025-08-15。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/alibaba/cloud-charts