| | |
| | | <template> |
| | | <common-title title="事件趋势分析" /> |
| | | <div class="chart" ref="echartsRef"></div> |
| | | <div class="event-trend-analysis"> |
| | | <div class="little-title">事件趋势分析</div> |
| | | <div class="chart" ref="echartsRef"></div> |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | | import CommonTitle from '@/components/CommonTitle.vue' |
| | | import { getEventTrend } from '@/api/home/event' |
| | | import * as echarts from 'echarts' |
| | | |
| | |
| | | }) |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | .event-trend-analysis { |
| | | 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: 240px; |
| | | } |
| | | </style> |