| | |
| | | <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: { |
| | |
| | | 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, |
| | |
| | | }) |
| | | }) |
| | | echartsOption.series = seriesList |
| | | chart.setOption(echartsOption) |
| | | chart.value.setOption(echartsOption) |
| | | } |
| | | |
| | | onMounted(() => { |
| | | chart = echarts.init(echartsRef.value) |
| | | window.addEventListener('resize', chart.resize) |
| | | getData() |
| | | }) |
| | | </script> |
| | |
| | | height: 28px; |
| | | line-height: 28px; |
| | | padding-left: 16px; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .chart { |