<script setup lang="ts">
import YlLine from "@/components/charts/yl-line.vue";

defineProps<{
  xData: string[];
  data: { point: string; per: number[] }[];
}>();
</script>

<template>
  <div style="height: 200px; margin-bottom: 2rem">
    <yl-line
      :x-data="xData"
      :y-data="data.map((e) => ({ name: e.point, value: e.per }))"
      per
      smooth
      title="硬盘使用率"
    />
  </div>
</template>

<style scoped></style>
