diff --git a/src/types/components.d.ts b/src/types/components.d.ts index b2b55fb..0f548fb 100644 --- a/src/types/components.d.ts +++ b/src/types/components.d.ts @@ -36,6 +36,7 @@ declare module 'vue' { ElFormItem: typeof import('element-plus/es')['ElFormItem'] ElIcon: typeof import('element-plus/es')['ElIcon'] ElInput: typeof import('element-plus/es')['ElInput'] + ElInputNumber: typeof import('element-plus/es')['ElInputNumber'] ElMenu: typeof import('element-plus/es')['ElMenu'] ElMenuItem: typeof import('element-plus/es')['ElMenuItem'] ElOption: typeof import('element-plus/es')['ElOption'] diff --git a/src/views/fishery/monitorHistory/index.vue b/src/views/fishery/monitorHistory/index.vue index 1d85285..93fa1e8 100644 --- a/src/views/fishery/monitorHistory/index.vue +++ b/src/views/fishery/monitorHistory/index.vue @@ -455,6 +455,8 @@ const updateChart = () => { type: chartType.value, data: yData, smooth: chartType.value === 'line', + symbol: 'circle', // 使用圆形标记 + symbolSize: chartType.value === 'line' ? 0 : 6, // 折线图默认不显示点,柱状图不受影响 itemStyle: { color: config.color }, @@ -463,6 +465,17 @@ const updateChart = () => { } : undefined, areaStyle: chartType.value === 'line' ? { opacity: 0.1 + } : undefined, + emphasis: chartType.value === 'line' ? { + symbol: 'circle', + symbolSize: 12, + itemStyle: { + color: config.color, + borderColor: '#fff', + borderWidth: 3, + shadowBlur: 8, + shadowColor: config.color + } } : undefined } ]