<template>
  <div style="width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;">
    <Chart v-if="cdata.data.length>0" :cdata="cdata" />
    <div v-if="cdata" style="position: absolute;top: 0;left:.2rem;">
      <span>告警总数 </span>
      <span>{{cdata.totalAlarmCount}}</span>
    </div>
  </div>
</template>

<script>
import Chart from './chart.vue';
export default {
  data () {
    return {
      cdata: {}
    }
  },
  props:['cdata'],
  components: {
    Chart,
  },
  mounted () {
  },
  methods: {
  }
}
</script>

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