Code: Select all
import React, { Component } from 'react'
import Card from 'react-bootstrap/esm/Card'
import Col from 'react-bootstrap/esm/Col'
import Row from 'react-bootstrap/esm/Row'
import MenuBarApp from './MenuBarApp'
import { Chart } from 'primereact/chart';
const data = {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [
{
label: 'First Dataset',
data: [65, 59, 80, 81, 56, 55, 40],
fill: false,
borderColor: '#4bc0c0'
},
{
label: 'Second Dataset',
data: [28, 48, 40, 19, 86, 27, 90],
fill: false,
borderColor: '#565656'
}
]
}
export default class Reportes extends Component {
render(){
return(
<Row className="m-1">
<Col lg = "12">
<Card className="m-2 p-2">
<h5>Transacciones</h5>
</Card>
</Col>
<Col lg = "6" md = "6" sm = "12">
<Card className="m-2">
<h5 className="text-left m-2"> Por Cola</h5>
<Chart width="300" height="300" type="line" data={data} />
</Card>
</Col>
</Row>
)
}
}