<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>
