使用柱状图展示数据分布；历史数据中使用圆点标识，提高散点数据的表达性；修改属性中的单位显示；新增一些样式属性

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

@@ -4,7 +4,7 @@ import MapComponent from "@app/OlMap/MapComponent";
 import Timeline from "@components/olmap/HealthRiskAnalysis/Timeline";
 import MapToolbar from "@app/OlMap/Controls/Toolbar";
 import { HealthRiskProvider } from "@components/olmap/HealthRiskAnalysis/HealthRiskContext";
-import HealthRiskPieChart from "@components/olmap/HealthRiskAnalysis/HealthRiskPieChart";
+import HealthRiskStatistics from "@components/olmap/HealthRiskAnalysis/HealthRiskStatistics";
 import PredictDataPanel from "@components/olmap/HealthRiskAnalysis/PredictDataPanel";
 import StyleLegend from "@app/OlMap/Controls/StyleLegend";
 import {
@@ -24,7 +24,7 @@ export default function Home() {
             HistoryPanel={PredictDataPanel}
           />
           <Timeline />
-          <HealthRiskPieChart />
+          <HealthRiskStatistics />
           <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="管道"

src/app/OlMap/Controls/Toolbar.tsx

@@ -410,17 +410,18 @@ const Toolbar: React.FC<ToolbarProps> = ({
     const properties = highlightFeature.getProperties();
     // 计算属性字段，增加 key 字段
     const pipeComputedFields = [
-      { key: "flow", label: "流量", unit: "m³/s" },
+      { key: "flow", label: "流量", unit: "m³/h" },
       { key: "friction", label: "摩阻", unit: "" },
       { key: "headloss", label: "水头损失", unit: "m" },
+      { key: "headlossPerKM", label: "单位水头损失", unit: "m/km" },
       { key: "quality", label: "水质", unit: "mg/L" },
-      { key: "reaction", label: "反应", unit: "1/s" },
+      { key: "reaction", label: "反应", unit: "1/d" },
       { key: "setting", label: "设置", unit: "" },
       { key: "status", label: "状态", unit: "" },
       { key: "velocity", label: "流速", unit: "m/s" },
     ];
     const nodeComputedFields = [
-      { key: "actualdemand", label: "实际需水量", unit: "m³/s" },
+      { key: "actualdemand", label: "实际需水量", unit: "m³/h" },
       { key: "head", label: "水头", unit: "m" },
       { key: "pressure", label: "压力", unit: "m" },
       { key: "quality", label: "水质", unit: "mg/L" },

src/app/OlMap/MapComponent.tsx

@@ -293,7 +293,7 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
       type: "point",
       properties: [
         // { name: "需求量", value: "demand" },
-        // { name: "海拔高度", value: "elevation" },
+        { name: "高程", value: "elevation" },
         { name: "实际需求量", value: "actualdemand" },
         { name: "水头", value: "head" },
         { name: "压力", value: "pressure" },
@@ -318,6 +318,7 @@ const MapComponent: React.FC<MapComponentProps> = ({ children }) => {
         { name: "流量", value: "flow" },
         { name: "摩阻系数", value: "friction" },
         { name: "水头损失", value: "headloss" },
+        { name: "单位水头损失", value: "headlossPerKM" },
         { name: "水质", value: "quality" },
         { name: "反应速率", value: "reaction" },
         { name: "设置值", value: "setting" },