README.zh-CN.md

BizCharts

BizCharts 是基于 G2 的 React 图表库，历经阿里两年打磨，覆盖数十个产品，于 11.21 开源，并同步升级到 G2 3.0 版本。

了解更多 BizCharts 详情

特性

• 简单、易用
• 强大的扩展能力
• 有跟 G2 1:1 的能力

查看更多图表示例

安装

npm

$ npm install bizcharts

umd

 <script src="https://unpkg.com/bizcharts@${version}/umd/BizCharts.min.js"></script>

dev build

$ git clone https://github.com/alibaba/BizCharts.git
$ cd BizCharts
$ npm install
$ npm run build

dev demo

$ sudo vi /etc/hosts
// 加入 127.0.0.1 localhost
$ npm run[-script] demo
// 浏览器打开 http://localhost:3510/

快速开始

import {Chart, Axis, Tooltip, Geom} from "bizcharts";

const data = [...];

<Chart height={400} data={data} forceFit>
  <Axis name="month" />
  <Axis name="temperature" label={{formatter: val => `${val}°C`}} />
  <Tooltip crosshairs={{type : "y"}} />
  <Geom type="line" position="month*temperature" size={2} color={'city'} />
  <Geom type='point' position="month*temperature" size={4} color={'city'} />
</Chart>

文档

教程

• 快速入门
• 图表介绍
• 图表类型
• 数据
• DataSet
• dataflow
• 主题
• 交互
• 动画

api 文档

• BizCharts
• 组件
  • Chart
  • Coord
  • Axis
  • Geom
  • Label
  • Legend
  • Tooltip
  • Guide
  • Facet
  • View
• 插件
  • Slider
• 其他
  • scale
  • shape
  • dataset
  • connector
  • transform
  • theme

常见问题(http://bizcharts.net/products/bizCharts/docs/qa)