43 lines
798 B
JavaScript
43 lines
798 B
JavaScript
import {
|
|
Chart as ChartJS,
|
|
CategoryScale,
|
|
LinearScale,
|
|
BarElement,
|
|
Title,
|
|
Tooltip,
|
|
Legend,
|
|
} from "chart.js";
|
|
import { Bar } from "react-chartjs-2";
|
|
|
|
ChartJS.register(
|
|
CategoryScale,
|
|
LinearScale,
|
|
BarElement,
|
|
Title,
|
|
Tooltip,
|
|
Legend
|
|
);
|
|
|
|
export default function Chart() {
|
|
const data = {
|
|
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
|
datasets: [
|
|
{
|
|
label: "My First dataset",
|
|
backgroundColor: "rgba(255,99,132,0.2)",
|
|
borderColor: "rgba(255,99,132,1)",
|
|
borderWidth: 1,
|
|
hoverBackgroundColor: "rgba(255,99,132,0.4)",
|
|
hoverBorderColor: "rgba(255,99,132,1)",
|
|
data: [65, 59, 80, 81, 56, 55, 40],
|
|
},
|
|
],
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<Bar data={data} />
|
|
</div>
|
|
);
|
|
}
|