https://github.com/hustcc/react-g2plot

:robot: Unofficial react component wrapper for @antvis/G2Plot
https://github.com/hustcc/react-g2plot

antv g2 g2plot visualization

Last synced: about 1 month ago
JSON representation

:robot: Unofficial react component wrapper for @antvis/G2Plot

• Host: GitHub
• URL: https://github.com/hustcc/react-g2plot
• Owner: hustcc
• License: mit
• Created: 2019-12-28T03:53:05.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-09-28T13:40:35.000Z (over 4 years ago)
• Last Synced: 2025-02-28T16:11:48.273Z (about 2 months ago)
• Topics: antv, g2, g2plot, visualization
• Language: TypeScript
• Homepage: https://git.hust.cc/React-G2Plot/
• Size: 26.4 KB
• Stars: 22
• Watchers: 3
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# React-G2Plot

> `react-g2plot` is an unofficial react component wrapper for [@antv/g2plot](https://github.com/antvis/G2Plot). 

[![npm](https://img.shields.io/npm/v/react-g2plot.svg)](https://www.npmjs.com/package/react-g2plot)

[![Build Status](https://github.com/hustcc/react-g2plot/workflows/build/badge.svg)](https://github.com/hustcc/react-g2plot/actions)

[![npm](https://img.shields.io/npm/dm/react-g2plot.svg)](https://www.npmjs.com/package/react-g2plot)

[![React Supported](https://img.shields.io/badge/React-%3E=16.8.0-blue.svg)](https://github.com/hustcc/react-g2plot)

[![npm](https://img.shields.io/npm/l/react-g2plot.svg)](https://www.npmjs.com/package/react-g2plot)

## Install

```bash

$ npm install react-g2plot

``` 

## Usage

```jsx

import ReactDOM from 'react-dom';

import React from 'react';

import { Line } from '@antv/g2plot';      // import plot from G2Plot

import ReactG2Plot from 'react-g2plot';   // import React wrapper

ReactDOM.render(

  ,

  mountNode,

);

```

## Documents

All documents about `plot` and `options` are [here](https://g2plot.antv.vision/).

## Development

```bash

$ npm install

# run test case

$ npm run test

# run live demo

$ npm run demo

```

## LICENSE

MIT@[hustcc](https://github.com/hustcc).