| | |
| | | <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> |
| | |
| | | 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' |
| | |
| | | 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, |
| | |
| | | width: 2, // 线条宽度 |
| | | type: 'solid', // 线条类型 |
| | | }, |
| | | tooltip: { |
| | | valueFormatter: (value) => value + '%' |
| | | }, |
| | | symbol: 'circle', // 数据点符号 |
| | | symbolSize: 6, // 数据点符号大小 |
| | | emphasis: { |