forked from drone/command-center-dashboard

罗广辉
2025-04-21 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7
src/views/Home/HomeRight/EventOverview.vue
@@ -40,7 +40,7 @@
            <img class="completion-left-img" :src="completionLeft" alt="" />
            <div class="completion-text">事件类型完成率情况</div>
            <div class="completion-separator"></div>
            <img class="completion-left-img" :src="completionLeft" alt="" />
            <img class="completion-left-img" :src="leftTriangle" alt="" />
         </div>
         <div class="chart" ref="echartsRef"></div>
@@ -56,6 +56,7 @@
import overviewImg5 from '@/assets/images/home/homeRight/overview5.png'
import overviewImg6 from '@/assets/images/home/homeRight/overview6.png'
import completionLeft from '@/assets/images/home/homeRight/completionLeft.png'
import leftTriangle from '@/assets/images/home/homeRight/leftTriangle.png'
import * as echarts from 'echarts'
import CommonDateTime from '@/components/CommonDateTime.vue'
import VSelectLoad from '@/directive/selectLoad'
@@ -82,8 +83,9 @@
   xAxis: {
      type: 'category',
      axisLabel: {
         rotate: -45, // 旋转角度
         interval: 0, // 显示所有标签
         // rotate: -45, // 旋转角度
         // interval: 0, // 显示所有标签
         margin: 8,
         color: '#FFFFFF',
         fontFamily: 'Source Han Sans CN, Source Han Sans CN',
         fontWeight: 400,
@@ -153,6 +155,9 @@
      width: 2, // 线条宽度
      type: 'solid', // 线条类型
   },
   tooltip: {
      valueFormatter: (value) => value + '%'
   },
   symbol: 'circle', // 数据点符号
   symbolSize: 6, // 数据点符号大小
   emphasis: {