started admin ui

src/misc/CpuChart.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend,
+} from 'chart.js';
+import { Line } from 'react-chartjs-2';
+
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  Title,
+  Tooltip,
+  Legend
+);
+
+export const options = {
+  responsive: true,
+  plugins: {
+    legend: {
+      display: false,
+    },
+    title: {
+      display: false,
+    },
+  },
+};
+
+const labels = ['10:00',"11:00","12:00","13:00","14:00","15:00","16:00"];
+
+export const data = {
+  labels,
+  datasets: [
+    {
+      label: 'Загрузка CPU',
+      data: [10,20,30,10,10,45,20],
+      borderColor: 'rgb(255, 99, 132)',
+      backgroundColor: 'rgba(255, 99, 132, 0.5)',
+    }
+  ],
+};
+
+export default function CpuChart() {
+  return <Line options={options} data={data} />;
+}