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

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" },