Skip to content

Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]

Notifications You must be signed in to change notification settings

dntzhang/wechart

Repository files navigation

简体中文 | English

Wechart by Cax

Cax 和 three.js 创造一切图[表]

Demo Usage Source Group Source Tutorial
Skatch Source Skatch Source Tutorial
Filter Source Filter Source Tutorial
Functions Source Functions Source Tutorial
Racing Source Racing Source Tutorial
Magic Cube Source Magic Cube Source Tutorial
Mandelbrot Set Source Mandelbrot Set Source Tutorial
Avatar Source Avatar Source Tutorial
Loading Source Loading Source Tutorial
Countdown Source Countdown Source Tutorial
Countdown Source Particle Countdown Source Tutorial
Map3d Source Map3d Source Tutorial
Earth Source Earth Source Tutorial
WordCloud Source WordCloud Source Tutorial
WordSphere Source WordSphere Source Tutorial
Clock Source Clock Source Tutorial
Excel Source Excel Source Tutorial
Pie Source Pie Source Tutorial
Bar Source Bar Source Tutorial
Bar Source Tutorial
Cylinder Source Cylinder Source Tutorial
Line Source Line Source Tutorial
Graph Source Graph Source Tutorial
Map Source Map Source Tutorial
Radar Source Radar Source Tutorial
Tiger Source Tiger Source Tutorial
Draw Source Draw Source Tutorial
Pyramid3d Source Pyramid3d Source Tutorial
Bar3d Source Bar3d Source Tutorial
Pie3d Source Pie3d Source Tutorial
Texture Mapping Source Texture Mapping Source Tutorial
Heatmap Source Heatmap Source Tutorial
Astar Source Astar Source Tutorial

怎么贡献图[表]?

  • 在 packages 以图表的名字新建一个文件夹,比如 chart-name
  • 组件的例子放在 examples 目录,比如 simple,组件 Group 源码放在 src 目录
  • 执行 npm install 安装依赖
  • 执行 npm run build chart-name simple 进行构建

当然也支持 npm run build chart-name 简写默认自动去找 simple 目录。

build 命令会自动打开浏览器中对应目录的 html (如果3000端口没占用,占用的话会递增):

http://localhost:3000/chart-name/examples/simple/index.html

修改目录下的文件会自动刷新网页。

Cax DEMO

谁在使用?

Tencent Wechat Tencent QQ

微信交流群【2】

Tencent Wechat

License

MIT @腾讯微信支付 @Wechart团队 @腾讯AlloyTeam