<!-- 
    filename: Bipv.vue
    author: liubin
    date: 2024-04-10 15:39:54
    description: 
-->

<template>
  <right-chart-base
    :legend="legend"
    :series="series"
    :xAxis="xAxis"
    :vHeight="20.5"
    class="bipv-chart"
  />
</template>

<script>
import RightChartBase from "./RightChartBase.vue";

export default {
  name: "BipvChart",
  components: { RightChartBase },
  props: {
    legend: {
      type: Array,
      default: () => [
        { label: "2024年目标值", color: "#f3c000" },
        { label: "2023年", color: "#12f7f1" },
        { label: "2024年", color: "#58adfa" },
      ],
    },
    xAxis: {
      type: Array,
      default: () => ["成都", "邯郸", "株洲", "瑞昌", "heels", "socks"],
    },
    series: {
      type: Array,
      default: () => [
        {
          name: "2024年目标值",
          data: Array.from({ length: 7 }, () =>
            Math.floor(Math.random() * 1000)
          ),
        },
        {
          name: "2023年",
          data: Array.from({ length: 7 }, () =>
            Math.floor(Math.random() * 1000)
          ),
        },
        {
          name: "2024年",
          data: Array.from({ length: 7 }, () =>
            Math.floor(Math.random() * 1000)
          ),
        },
      ],
    },
  },
};
</script>

<style scoped lang="scss"></style>
