态显示子区域显示液位数据信息的数量可以根据实际情况进行具体设置，在此不做具体限定。
[0033I S103、在每个动态显示子区域中，每个时刻的液位数据信息均对应一动态图，每个动态图的高度值均和相对应的该时刻的液位数据值具有一预定的比例关系，所述多个时刻的液位数据信息对应的动态图以叠加的排列方式显示且分别设置不同的颜色以区分不同时刻的液位数据信息，其中，在每个动态显示区域内，还设置一静态显示区域，其用于显示当前时刻的液位数据值；
[0034]其中，所述每个动态图的高度值均和相对应的该时刻的液位数据值具有一预定的比例关系包括:所述服务器端的显示高度计算单元根据液位最大允许高度参数hmax和终端界面最大允许高度参数Hmax，计算液位数据值在所述终端界面上显示时的动态图的高度值。具体根据公式:波浪动态图的高度值=(显示界面最大允许高度值/液位最大允许高度值)*液位数据，计算液位数据值在所述终端界面上显示时的动态图的高度值。
[0035]其中，所述多个时刻的液位数据信息对应的动态图以叠加的排列方式显示且分别设置不同的颜色以区分不同时刻的液位数据信息包括:当前时刻的液位数据信息对应的动态图显示在最上面，当前时刻之前的多个时刻点的液位数据信息对应的动态图按照时间从近到远的顺序依次显示在所述当前时刻的液位数据信息对应的动态图的下面。所述多个时刻的液位数据信息对应的动态图以叠加的排列方式显示是通过DIV层来实现的。
[0036]其中，动态图均设置为透明的，动态图的形式在此不做具体限定，可以为波浪动态图，也可以为其它形式的动态图。
[0037]S104、每隔所述预定时间，所述每个动态显示子区域均从所述数据库中获取当前时刻的液位数据信息，此时，多个时刻的液位数据信息更新为当前时刻和当前时刻之前的多个时刻点的液位数据信息，且每个时刻的液位数据信息对应的动态图的高度值均根据更新后的液位数据信息进行调整。
[0038]其中，所述多个时刻的液位数据信息更新为当前时刻和当前时刻之前的多个时刻点的液位数据信息，且每个时刻的液位数据信息对应的动态图的高度值均根据更新后的液位数据信息进行调整具体包括:把动态图对应的时刻点的液位数据信息调整为该时刻点之后的相邻时刻点的液位数据信息;每个动态图的高度值均根据更新后的液位数据信息进行调整。例如，更新之前每个时刻对应的动态图为:当前时刻(To = To)对应的动态图为Al，前一时刻(Ti = T0-AT)对应的动态图为A2，前二时刻(T2 = Το-2 Δ T)对应的动态图为A3，经过预定时间Δ T之后进行刷新，当前时刻(Iv ο = To+ Δ T)对应的动态图为AI，前一时刻(T〃 i = T0)对应的动态图为A2，前二时刻(Iv 2 = Το-Δ T)对应的动态图为A3。
[0039]其中，每个动态显示区域内的静态显示区域，同样，每隔预定时间，更新为当前时刻的液位数据值。
[0040]更具体的对本实施例进行说明:由于终端界面的液位数据每隔相应的预定时间进行刷新，时间间隔记为A T，最新数据也就是当前液位数据对应时间记为To，则终端界面上所显示的上一个液位数据所对应的时间为(T1 = To-AT)，前两个液位数据所对应的时间为(T2 = Το-2 Δ Τ)，往前依次为(Τ3 = Το_3 Δ Τ)、(Τ4 = Τ0-4 Δ Τ)……(Tn = To_n Δ T)…….。由于每个动态显示子区域均显示多个时刻的液位数据信息，我们可以规定一个液位点均对应一组DIV，根据工艺监控所需，定义每组DIV的名称，如1#液位点的DIV组的名称为1#DIV组、2#液位点的DIV组的名称为2#DIV组等;根据液位趋势要显示m个时刻点的液位数据信息，则规定每组DIV中有m个DIV，每个DIV对应相应时刻的液位数据信息，定义每组中每个DIV的名称，如1#液位点所对应于的1#DIV组中展示To时刻液位数据的DIV为l#DIVo，展示T1时刻液位数据的DIV为IiffiIV1，展示Ti时刻液位数据的为IiffiIVi，展示TJ寸刻液位数据的为l#DIVm。
[OO41 ] 每个DIV均对应一个image(图片标签)，每个image图片标签中均用以放置、定位页面动态效果图，定义每个image的名称，如I #液位点所对应于的I #D IV组中所包含的image的名称依次为l#image°、Iiiimage1、……lttimage1、……l#imagem。每组DIV所包含的多个DIV对应的image图片标签叠加排列，image图片标签中的动态图的颜色不同，定义每个DIV对应image图片标签中动态图的颜色(P)，如l#DIVo对应的颜色为Po，l#DIV2对应的颜色为Pi，l#DIVi对应的颜色为Pi，l#DIVm对应的颜色为Pm，所以image图片标签用于展示液位高度及动态效果，液面动态效果采用gif格式的动态图实现，如液面为波浪动态的gif图片。
[0042]根据步骤三中的公式计算结果，即不同时刻的液位数据所对应的显示高度值(Ho、Hi,……Hj,……Hm) ,image(图片标签)图片的高度为(H……H」、……Hm);
[0043]如根据显示界面选定的X个液位，在To时刻的实时数据为l#hQ、2#hQ……1#110，在1'1时刻的实时数据为1?η、2?η……X?u，计算得其相应的界面展示高度依次为(l#Ho、2#Ho……χ#Ηο ),(1#Ηι,2#Ηι……x#Hi)，即x个液位(x组DIV)对应的image图片的高度依次为(I #Ho、2#Hq ……x#Ho)，( I #Ηι、2#Ηι ……χ#Ηι)。
[0044]其中，展示界面的液位数据刷新的时间间隔AT，可由用户自行设定;每组DIV中包含的DIV个数m，即展示界面需要展示多少个时刻的液位数据，可由用户自行设定;每个DIV所对应的颜色，可由用户自行设定。
[0045]本发明又一实施例提供的基于远程监控的液位动态变化显示方法包括:
[0046]S201、获取I个液位的实时数据并存储至服务器端的一数据库中。
[0047]S202、在终端界面上设置一动态显示区域，该动态显示区域从所述数据库中获取所述液位的多个时刻的液位数据信息，其中，多个时刻包括当前时刻和当前时刻之前的多个时刻点，相邻的时刻点之间均间隔一预定时间。
[0048]S203、在动态显示区域中，每个时刻的液位数据信息均对应一动态图，每个动态图的高度值均和相对应的该时刻的液位数据值具有一预定的比例关系，所述多个时刻的液位数据信息对应的动态图以叠加的排列方式显示且分别设置不同的颜色以区分不同时刻的液位数据信息，其中，每个动态显示区域内，还设置一静态显示区域，其用于显示当前时刻的液位数据值；
[0049]S204、每隔所述预定时间，所述每个动态显示子区域均从所述数据库中获取当前时刻的液位数据信息，此时，多个时刻的液位数据信息更新为当前时刻和当前时刻之前的多个时刻点的液位数据信息，且每个时刻的液位数据信息对应的动态图的高度值均根据更新后的液位数据信息进行调整。
[0050]下面以一个详细的例子进行说明:
[0051]某污水处理厂要求在反应池工艺段的监控界面上同时展示1#?7#液位数据，当前时间为14:15，每个液位数据每隔5min刷新一次(即Δ T = 5min)，要求同时展示15min内液位变化趋势情况，即同时展示14:15 (To )、14:10 (T1 )、14:0 5 (T2)三个时刻的液位数据。
[0052]因此，该工艺段的终端界面上同时显示7组DIV，依次为1#DIV组、2#DIV组、……、7#DIV组；每组DIV有3个DIV，每个DIV对应的image(图片标签)，依次为l#imageQ、Iiiimage1、1#
image2 n 2#image° n 2#image1 n 2#image2 n......、7# image0 Jftimage1Jft image2。每个DIV对应的
image图片标签中的动态图的颜色依次为P1UX在附图2中我们使用黑色，条纹图来代替颜色)即每组 DIV