forked from drone/command-center-dashboard

罗广辉
2025-04-21 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7
src/views/Home/EventOverviewDetail/EventOverviewDetailLeft/EventDataAnalysis.vue
@@ -7,9 +7,10 @@
<script setup>
import { getEventIndustryData } from '@/api/home/event'
import * as echarts from 'echarts'
import useEchartsResize from '@/hooks/useEchartsResize'
const echartsRef = ref(null)
let chart = null
let { chart } = useEchartsResize(echartsRef)
const echartsOption = {
   tooltip: {
@@ -37,8 +38,8 @@
   xAxis: {
      type: 'category',
      axisLabel: {
         rotate: -45, // 旋转角度
         interval: 0, // 显示所有标签
         // rotate: -45, // 旋转角度
         // interval: 0, // 显示所有标签
         color: '#FFFFFF',
         fontFamily: 'Source Han Sans CN, Source Han Sans CN',
         fontWeight: 400,
@@ -126,12 +127,10 @@
      })
   })
   echartsOption.series = seriesList
   chart.setOption(echartsOption)
   chart.value.setOption(echartsOption)
}
onMounted(() => {
   chart = echarts.init(echartsRef.value)
   window.addEventListener('resize', chart.resize)
   getData()
})
</script>
@@ -145,6 +144,7 @@
      height: 28px;
      line-height: 28px;
      padding-left: 16px;
      font-size: 14px;
   }
   .chart {