diff --git a/src/components/Home.vue b/src/components/Home.vue index 16ab0f4..8430704 100644 --- a/src/components/Home.vue +++ b/src/components/Home.vue @@ -536,7 +536,7 @@ export default { noDataMessage.value = '请求超时' } else { console.error('[外部接口] 调用失败:', error) - noDataMessage.value = '接口调用失败' + noDataMessage.value = '该地区暂无数据' } isJumpLoading.value = false showNoDataToast.value = true diff --git a/src/components/Price.vue b/src/components/Price.vue index 7daef9b..05d62e2 100644 --- a/src/components/Price.vue +++ b/src/components/Price.vue @@ -114,8 +114,8 @@ export default { }) } const data = Array.from(counts.entries()).map(([name, value]) => ({ name, value })) - // 与大屏主体色一致的配色(青蓝系) - const brandColors = ['#00d4ff', '#29e3ff', '#00b3f9', '#3bd1ff', '#0099ff', '#61eaff'] + // 指定配色:#FF7A28,#00E9FF,#4E73DF,#0B1424 + const brandColors = ['#FF7A28', '#00E9FF', '#4E73DF', '#0B1424','#61eaff'] return { color: brandColors, title: { text: '品种占比统计', left: 'center', top: 6, textStyle: { color: '#eaf7ff', fontSize: 14 } }, @@ -318,7 +318,7 @@ export default { } const stockBarOption = computed(() => ({ - title: { text: '存栏统计', left: 'center', textStyle: { color: '#eaf7ff' } }, + title: { text: '存栏统计(万头)', left: 'center', textStyle: { color: '#eaf7ff' } }, tooltip: { trigger: 'axis' }, grid: { left: 40, right: 20, top: 50, bottom: 40 }, xAxis: { type: 'category', data: stockYears.value, axisLabel: { color: '#cfefff' }, axisLine: { lineStyle: { color: '#2e6ba8' } } }, @@ -331,7 +331,7 @@ export default { })) const slaughterLineOption = computed(() => ({ - title: { text: '出栏统计', left: 'center', textStyle: { color: '#eaf7ff' } }, + title: { text: '出栏统计(万头)', left: 'center', textStyle: { color: '#eaf7ff' } }, tooltip: { trigger: 'axis' }, grid: { left: 40, right: 20, top: 50, bottom: 40 }, xAxis: { type: 'category', data: statsYears.value, axisLabel: { color: '#cfefff' }, axisLine: { lineStyle: { color: '#2e6ba8' } } }, @@ -391,13 +391,15 @@ export default {