fix legend style for chart

2026-08-14 11:30:20 +08:00
parent 6f9dcd542d
commit 2362065a2e
3 changed files with 3 additions and 5 deletions
@@ -47,15 +47,14 @@ const chartStyle = computed(() => ({
 const chartOption = computed<EChartsOption>(() => ({
 	...buildCustomerBaseChartOption(props.dateTextList),
 	grid: {
-		top: Math.max(72, legendBottom.value),
+		top: Math.max(16, legendBottom.value),
 		left: 12,
 		right: 12,
-		bottom: 12,
+		bottom: 0,
 		containLabel: true
 	},
 	legend: {
 		top: 0,
-		type: "scroll",
 		icon: "roundRect",
 		textStyle: {
 			color: "#52607a"
@@ -61,7 +61,7 @@ const chartOption = computed<EChartsOption>(() => ({
 		top: Math.max(48, legendBottom.value),
 		left: 12,
 		right: 12,
-		bottom: 12,
+		bottom: 0,
 		containLabel: true
 	},
 	series: eventList.value.map(event => ({
@@ -51,7 +51,6 @@ const chartOption = computed<EChartsOption>(() => ({
 	},
 	legend: {
 		top: 0,
-		type: "scroll",
 		icon: "roundRect",
 		textStyle: {
 			color: "#52607a"