diff --git a/src/components/common/TextInfoPanel/index.module.less b/src/components/common/TextInfoPanel/index.module.less index 7f21bf0..b447e08 100644 --- a/src/components/common/TextInfoPanel/index.module.less +++ b/src/components/common/TextInfoPanel/index.module.less @@ -1,3 +1,5 @@ +@import "@/var.less"; + .textInfoPanel :global { width: 100%; height: 100%; @@ -5,7 +7,7 @@ color: white !important; background-color: #000000e7; pointer-events: auto; - font-size: 22px; + font-size: @font-32; text-indent: 2em; line-height: 1.5; z-index: 999; diff --git a/src/components/domain/One/CustomChartPanel.jsx b/src/components/domain/One/CustomChartPanel.jsx index 6511cc5..1223a4d 100644 --- a/src/components/domain/One/CustomChartPanel.jsx +++ b/src/components/domain/One/CustomChartPanel.jsx @@ -39,7 +39,7 @@ function CustomChartPanel() { }, legend: { data: ["拉布拉多海夏季海温(异常值)", "高原夏季气温(异常值)"], - textStyle: { color: "#04fbfd", cursor: "point", fontSize: 20 }, + textStyle: { color: "#04fbfd", cursor: "point", fontSize: 22 }, }, grid: { left: "3%", @@ -61,12 +61,16 @@ function CustomChartPanel() { }, }, axisLabel: { - interval: 4, + interval: 9, + fontSize: 22, }, }, yAxis: { type: "value", name: "℃", + nameTextStyle: { + fontSize: 22, + }, min: -1.5, max: 2.0, interval: 0.5, @@ -83,6 +87,7 @@ function CustomChartPanel() { }, axisLabel: { show: true, + fontSize: 22, }, axisTick: { show: true }, scale: true, @@ -100,6 +105,9 @@ function CustomChartPanel() { itemStyle: { color: "red", }, + lineStyle: { + width: 4, //设置线条粗细 + }, animationDelay: 5 * 1000, animationDuration: 30 * 1000, animationEasing: "cubicInOut", @@ -115,8 +123,8 @@ function CustomChartPanel() { color: plateauColor, }, lineStyle: { - type: "dashed", - width: 2, + type: "solid", + width: 4, }, animationDelay: 25 * 1000, animationDuration: 10 * 1000, diff --git a/src/components/domain/One/EntityLegend.jsx b/src/components/domain/One/EntityLegend.jsx index d71316c..1e044c8 100644 --- a/src/components/domain/One/EntityLegend.jsx +++ b/src/components/domain/One/EntityLegend.jsx @@ -5,7 +5,7 @@ import waterwapor from "@/assets/waterwapor.png"; function EntityLegend() { return ( -