<template>
  <div class="home">
      <!-- <div id="main" class="main"></div> -->
      <div class="noData">
        暂无数据
      </div>
  </div>
</template>

// <script setup>
// import { ref, watch, onMounted, onUpdated, onUnmounted } from "vue";
// const refname = ref('');

// const echarts = require('echarts/lib/echarts');
// require('echarts/lib/component/grid');
// require('echarts/lib/chart/bar');

// const initChart = () => {
//   var chartDom = document.getElementById('main');
//     var myChart = echarts.init(chartDom);
//     var option = {
//       xAxis: {
//         type: 'category',
//         data: ['用户量', '123', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
//       },
//       yAxis: {
//         type: 'value'
//       },
//       series: [
//         {
//           data: [120, 200, 150, 80, 70, 110, 130],
//           type: 'bar'
//         }
//       ]
//     };
//     myChart.setOption(option);
// };

// watch(refname, (newQuestion) => {
//   // 变化后执行
//   // 如果 refname 的变化影响图表数据，可以在这里更新 option 并调用 myChart.setOption(option)
// });

// onMounted(() => {
//   initChart();
// });

// onUpdated(() => {
//   // 组件更新后执行
//   // 如果需要根据更新重新初始化图表或更新数据，可以在这里添加逻辑
// });

// onUnmounted(() => {
//   // 组件销毁前执行
//   // 如果需要销毁图表实例以释放资源，可以在这里添加逻辑
// });
</script>

<style scoped>
.home {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.noData{
  font-size: 20px;
  color: #999999;
}
.main{
  width: 40%;
  height: 40%;
}
</style>
