BizCharts

Powerful data visualization library based on G2 and React.

New charting and visualization library has been released: http://bizcharts.net/products/bizCharts.

Please move to it and we won’t maintain the old version soon.

More details about BizCharts

Features

  • React es6 grammar
  • Easy to use
  • Strong expansion capability
  • Support most data visualization charts

see more demos

Installation

npm

$ npm install bizcharts
JavaScript

umd

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

dev build

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

dev demo

$ sudo vi /etc/hosts
// add 127.0.0.1 localhost
$ npm run[-script] demo
// open in browser http://localhost:3510/
JavaScript

Usage

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`}} /&gt;
  <tooltip crosshairs="{{type" :="" 'y'}}="">
  <geom type="line" position="month*temperature" size="{2}" color="{'city'}">
  <geom type="point" position="month*temperature" size="{4}" color="{'city'}">
</geom></geom></tooltip></axis></axis></chart>

Subscribe to the Newsletter

Get our latest news,tutorials,guides,tips & deals delivered to your inbox.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

shares