forked from drone/command-center-dashboard

chenyao
2025-04-12 6807f79a2a1e8aafc2458af47229f795b56cd12e
src/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventTop5.vue
@@ -1,9 +1,10 @@
<template>
   <common-title title="同类事件TOP5统计" />
   <div class="chart" ref="echartsRef"></div>
   <div class="event-top5">
      <div class="little-title">同类事件TOP5统计</div>
      <div class="chart" ref="echartsRef"></div>
   </div>
</template>
<script setup>
import CommonTitle from '@/components/CommonTitle.vue'
import { getEventTopFive, getEventTrend } from '@/api/home/event'
import * as echarts from 'echarts'
@@ -91,8 +92,19 @@
})
</script>
<style scoped lang="scss">
.event-top5 {
   height: 280px;
}
.little-title {
      background: url('@/assets/images/little-title-bg.png') no-repeat center / 100% 100%;
      width: 372px;
      height: 28px;
      line-height: 28px;
      padding-left: 16px;
   }
.chart {
   margin-top: 10px;
   width: 356px;
   height: 190px;
   height: 280px;
}
</style>