fix: DEFECT-1946修复数据看板实时折线图属性名为undefined

@@ -11,6 +11,7 @@
   import { MultipleDataFetchUpdateFn } from '../../../hook/socket/useSocket.type';
   import { useReceiveMessage } from '../../../hook/useReceiveMessage';
   import { formatToDateTime } from '/@/utils/dateUtil';
+  import { useDeviceProfileQueryContext } from '/@/views/visual/palette/hooks/useDeviceProfileQueryContext';
   interface IList {
     [key: string]: string | number;
   }
@@ -83,6 +84,8 @@
     }, updateInterval);
   };
 
+  const { getDeviceProfileTslByIdWithIdentifier } = useDeviceProfileQueryContext();
+
   const getDesign = computed(() => {
     const { persetOption, option } = props.config;
     const { dataSource = [] } = option || {};
@@ -95,13 +98,17 @@
     return {
       dataSource: dataSource?.map((item) => {
         const { unit, showDeviceName, fontColor } = item.componentInfo || {};
-        const { attribute, attributeRename, deviceId, attributeName, deviceName, deviceRename } =
+        const { attribute, attributeRename, deviceId, deviceName, deviceRename, deviceProfileId } =
           item;
+
+        const { functionName } =
+          getDeviceProfileTslByIdWithIdentifier?.(deviceProfileId, attribute) || {};
+
         return {
           unit: unit ?? presetUnit,
           fontColor: fontColor ?? presetFontColor,
           attribute,
-          attributeName: attributeRename || attributeName,
+          attributeName: attributeRename || functionName,
           showDeviceName,
           deviceName: deviceRename || deviceName,
           id: deviceId,