2020-02-08 15:15:09 -06:00
|
|
|
import React, { Component } from 'react';
|
2019-12-05 13:07:01 -06:00
|
|
|
|
2020-02-08 15:15:09 -06:00
|
|
|
import { RadialGauge, Bar, Line } from 'chartjs-2-react';
|
2019-12-05 13:07:01 -06:00
|
|
|
|
|
|
|
export default class App extends Component {
|
2020-02-11 09:26:23 -06:00
|
|
|
|
2019-12-05 13:07:01 -06:00
|
|
|
render () {
|
2020-02-08 15:15:09 -06:00
|
|
|
|
2019-12-05 13:07:01 -06:00
|
|
|
return (
|
2020-02-08 15:15:09 -06:00
|
|
|
<div style={{paddingBottom: '100px'}}>
|
2019-12-05 23:40:15 -06:00
|
|
|
|
2020-02-08 15:15:09 -06:00
|
|
|
<div style={{maxWidth: '600px', marginTop: '25px', margin: 'auto'}}>
|
2019-12-05 23:40:15 -06:00
|
|
|
<h3 style={{textAlign: 'center'}}>RadialGauge Component:</h3>
|
|
|
|
<RadialGauge />
|
|
|
|
</div>
|
|
|
|
|
2020-02-08 15:15:09 -06:00
|
|
|
<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>
|
|
|
|
|
2019-12-05 13:07:01 -06:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
2020-02-11 09:26:23 -06:00
|
|
|
|
2019-12-05 13:07:01 -06:00
|
|
|
}
|