代码拉取完成，页面将自动刷新
English | 简体中文
（演示视频）
VChart 是 VisActor 可视化体系中的图表组件库，基于可视化语法库VGrammar 进行图表逻辑封装，基于可视化渲染引擎 VRender 进行组件封装。核心能力如下：
本仓库包含如下包：
vchart：核心包，VChart 图表react-vchart：基于 React 封装的 VChart 图表组件taro-vchart：基于 Taro 封装的 VChart 图表组件lark-vchart：基于 飞书小程序 封装的 VChart 图表组件tt-vchart: 基于 抖音小程序 封装的 VChart 图表组件block-vchart：基于 飞书小组件 封装的 VChart 图表组件wx-vchart：基于 微信小程序 封装的 VChart 图表组件docs: VChart 站点源码，同时也包含站点所有的中英文文档、图表示例代码等内容。# npm
$ npm install @visactor/vchart
# yarn
$ yarn add @visactor/vchart
import VChart from '@visactor/vchart';
const spec = {
type: 'bar',
data: [
{
id: 'barData',
values: [
{ month: 'Monday', sales: 22 },
{ month: 'Tuesday', sales: 13 },
{ month: 'Wednesday', sales: 25 },
{ month: 'Thursday', sales: 29 },
{ month: 'Friday', sales: 38 }
]
}
],
xField: 'month',
yField: 'sales',
crosshair: {
xField: { visible: true }
}
};
// 'chart' 是图表 dom 容器的 id，比如 <div id="chart"></chart>
const vchart = new VChart(spec, { dom: 'chart' });
vchart.renderAsync();
首先，全局安装 @microsoft/rush
$ npm i --global @microsoft/rush
接着将代码 clone 至本地：
# clone
$ git clone git@github.com:VisActor/VChart.git
$ cd VChart
# 安装依赖
$ rush update
# 开始 vchart 的本地开发
$ rush start
# 开始 react-vchart 的本地开发
$ rush react
# 开始站点的本地开发
$ rush docs
安装并且更新依赖后，可以执行 docs 命令，开启 vchart 的本地文档预览
# start vchart document server
$ rush docs
| 项目 | 介绍 |
|---|---|
| React-VChart | React for @VisActor/VChart |
细流成河，终成大海！
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。