mirror of
https://github.com/aleleba/chartjs-2-react.git
synced 2025-06-20 05:48:19 -06:00
Se agrega el Repositorio de npm que es en Readme.
Se agrega la libreria react-chartjs-2 para agregar las graficas de Barras y de Lineas. Se sube a version 1.1.0 Se sube a GitHub 1.1.0
This commit is contained in:
@ -1,17 +1,28 @@
|
||||
import React, { Component } from 'react'
|
||||
import React, { Component } from 'react';
|
||||
|
||||
import { RadialGauge } from 'chartjs-2-react'
|
||||
import { RadialGauge, Bar, Line } from 'chartjs-2-react';
|
||||
|
||||
export default class App extends Component {
|
||||
render () {
|
||||
return (
|
||||
<div>
|
||||
|
||||
<div style={{maxWidth: '600px', marginTop: '25px'}}>
|
||||
return (
|
||||
<div style={{paddingBottom: '100px'}}>
|
||||
|
||||
<div style={{maxWidth: '600px', marginTop: '25px', margin: 'auto'}}>
|
||||
<h3 style={{textAlign: 'center'}}>RadialGauge Component:</h3>
|
||||
<RadialGauge />
|
||||
</div>
|
||||
|
||||
<div style={{maxWidth: '600px', marginTop: '25px', margin: 'auto'}}>
|
||||
<h3 style={{textAlign: 'center'}}>Bar Component:</h3>
|
||||
<Bar />
|
||||
</div>
|
||||
|
||||
<div style={{maxWidth: '600px', marginTop: '25px', margin: 'auto'}}>
|
||||
<h3 style={{textAlign: 'center'}}>Line Component:</h3>
|
||||
<Line />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
Reference in New Issue
Block a user