<template>
  <div>
    <ecpmChaet />
    <userDataChart />
    <!-- <onlineChart /> -->
    <!-- <earningsChart /> -->

    <!-- <barChart /> -->
    <!-- <el-row :gutter="20">
      <el-col :lg="12" :md="24">
        <pieChart />
      </el-col>
      <el-col :lg="12" :md="24">
        <circleChart />
      </el-col>
    </el-row> -->
  </div>
</template>

<script lang="js">
  import { defineComponent } from 'vue'
  import barChart from './barChart.vue'
  import pieChart from './pieChart.vue'
  import circleChart from './circleChart.vue'
  import onlineChart from './onlineChart.vue'
  import earningsChart from './earningsChart.vue'
  import ecpmChaet from './ecpmChaet.vue'
  import userDataChart from './userDataChart.vue'
  export default defineComponent({
    components: {
      onlineChart,
      barChart,
      pieChart,
      circleChart,
      earningsChart,
      ecpmChaet,
      userDataChart
    },
    setup() {

    }
  })
</script>

<style lang="scss" scoped>

</style>