Package Exports

bizcharts
bizcharts/lib
bizcharts/lib/components/Axis
bizcharts/lib/components/Chart
bizcharts/lib/components/Facet
bizcharts/lib/components/Geom
bizcharts/lib/components/Guide
bizcharts/lib/components/Legend
bizcharts/lib/components/Tooltip
bizcharts/lib/components/View

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (bizcharts) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

BizCharts

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

BizCharts 官网

使用示例

<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>

使用

npm

$ npm install @alibaba/BizCharts

umd

 <script src="https://unpkg.com/alibaba/BizCharts/umd/BizCharts.min.js"></script>

dev build

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

dev demo

$ sudo vi /etc/hosts
//加入 127.0.0.1 localhost
$ npm run[-script] demo

文档

教程

api 文档

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

常见问题

demo

License

MIT