<template>
  <view class="data-box">
    <view class="headline">{{ title }} </view>
    <template v-if="vo">
      <!-- <line-chart :chartData="vo" width="100%" height="472rpx" :padding="{ right: 30 }"
				:legendConfig="{ position: 'top' }" :yAxisConfig="yAxisConfig" /> -->

      <qiun-data-charts
        ref="chartRef"
        type="line"
        :opts="opts"
        :chartData="$Props.vo"
      />
    </template>
  </view>
</template>

<script lang="ts" setup>
import { ref, onMounted, watch } from "vue";
import { getSevenDayApi } from "@/api/ShopContent.ts";
const $Props = defineProps({
  vo: {
    type: Object,
    default: null,
  },
  title: {
    type: String,
    default: null,
  },
  yAxisConfig: {
    type: Object,
    default: () => {},
  }
});
const opts = ref({
  dataLabel: false,
});

</script>

<style lang="scss" scoped>
@import url("./index.scss");

:deep(.legend-top) {
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}
</style>
