初始化项目文件

web_vue/src/pages/sys-info/yl-cpu-chart.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import YlLine from "@/components/charts/yl-line.vue";
+
+defineProps<{
+  xData: string[];
+  data: number[];
+}>();
+</script>
+
+<template>
+  <div style="height: 200px; margin-bottom: 2rem">
+    <yl-line
+      :x-data="xData"
+      :y-data="[{ name: 'cpu', value: data }]"
+      per
+      smooth
+      title="CPU使用率"
+    />
+  </div>
+</template>
+
+<style scoped></style>