@opd/g2plot-react

G2Plot for React

Install

npm install @opd/g2plot-react

Usage

importReact,{useRef}from'react'import{LineChart,LineChartProps}from'@opd/g2plot-react'constconfig: LineChartProps={height: 350,autoFit: true,xField: 'year',yField: 'value',smooth: true,meta: {value: {max: 15,},},data: [{year: '1991',value: 3},{year: '1992',value: 4},{year: '1993',value: 3.5},{year: '1994',value: 5},{year: '1995',value: 4.9},{year: '1996',value: 6},{year: '1997',value: 7},{year: '1998',value: 9},{year: '1999',value: 11},],}exportdefault()=>{constchartRef=useRef()return<LineChart{...config}chartRef={chartRef}/>}

API

All config defined in G2Plotdocument can be used as props

Develop

npm install
npm run build

License