| | |
| | | </div> |
| | | </div> |
| | | <div class="nestCenter"> |
| | | <div class="chart" ref="echartsRef" v-if="!isEmptyData"></div> |
| | | <div v-else> |
| | | <el-empty> |
| | | <template #description> |
| | | <span class="custom-text">暂无数据</span> |
| | | </template> |
| | | </el-empty> |
| | | </div> |
| | | <div class="chart" ref="echartsRef"></div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | }); |
| | | // 空数据计算 |
| | | const isEmptyData = computed(() => { |
| | | return jcOrder.value.length === 0 || |
| | | return jcOrder.value.length === 0 || |
| | | jcOrder.value.every(item => !item.name || item.value === 0) |
| | | }) |
| | | // 图表初始化 |
| | |
| | | seriesData: validData.map(item => item.value), |
| | | }; |
| | | const option = { |
| | | title: { |
| | | text: optionData.seriesData?.length ? '' :'暂无数据', |
| | | left: 'center', |
| | | top: 'center', |
| | | textStyle: { |
| | | color: '#999', |
| | | fontSize: 16, |
| | | fontWeight: 'normal' |
| | | } |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | axisPointer: { type: 'shadow' }, |
| | |
| | | axisTick: { show: false }, |
| | | // 确保排序后的数据从上到下显示(最大值在顶部) |
| | | inverse: true, |
| | | show:optionData.seriesData?.length ? true : false |
| | | }, |
| | | series: [ |
| | | { |