健康风险分析，右下角新增图例；图例颜色方案重新设计，高风险（红色），低风险（绿色），符合常规颜色表达；

src/app/(main)/health-risk-analysis/page.tsx

@@ -6,6 +6,12 @@ import MapToolbar from "@app/OlMap/Controls/Toolbar";
 import { HealthRiskProvider } from "@components/olmap/HealthRiskAnalysis/HealthRiskContext";
 import HealthRiskPieChart from "@components/olmap/HealthRiskAnalysis/HealthRiskPieChart";
 import PredictDataPanel from "@components/olmap/HealthRiskAnalysis/PredictDataPanel";
+import StyleLegend from "@app/OlMap/Controls/StyleLegend";
+import {
+  RAINBOW_COLORS,
+  RISK_BREAKS,
+} from "@components/olmap/HealthRiskAnalysis/types";
+import { Box } from "@mui/material";
 
 export default function Home() {
   return (
@@ -19,6 +25,17 @@ export default function Home() {
           />
           <Timeline />
           <HealthRiskPieChart />
+          <Box className="absolute bottom-40 right-4 drop-shadow-xl flex flex-row items-end max-w-screen-lg overflow-x-auto z-10">
+            <StyleLegend
+              layerName="管道"
+              layerId="health-risk"
+              property="健康风险"
+              colors={RAINBOW_COLORS}
+              type="line"
+              dimensions={Array(RAINBOW_COLORS.length).fill(2)}
+              breaks={[0, ...RISK_BREAKS]}
+            />
+          </Box>
         </MapComponent>
       </HealthRiskProvider>
     </div>