本發(fā)明涉及一種能效指標(biāo)分解的可視化展示方法。
背景技術(shù)：
：現(xiàn)有技術(shù)中，能源管控指標(biāo)體系的展示只是靜態(tài)的展示，無(wú)法實(shí)現(xiàn)動(dòng)態(tài)交互，且不便于分解能效指標(biāo)，不利于分析人員及時(shí)發(fā)現(xiàn)、定位生產(chǎn)管理的問(wèn)題。技術(shù)實(shí)現(xiàn)要素：針對(duì)上述問(wèn)題，本發(fā)明提供一種能效指標(biāo)分解的可視化展示方法，指標(biāo)層次分解看板提供動(dòng)態(tài)交互方法，便于用戶按層逐級(jí)瀏覽指標(biāo)信息；進(jìn)一步的，通過(guò)層次分析法分解能效指標(biāo)，明確指標(biāo)達(dá)標(biāo)條件并分解制定子指標(biāo)，將指標(biāo)達(dá)標(biāo)任務(wù)下達(dá)至各級(jí)管理部門。便于分析人員及時(shí)發(fā)現(xiàn)、定位生產(chǎn)管理的問(wèn)題。名詞解釋：1、指標(biāo)值域：在規(guī)定的統(tǒng)計(jì)周期內(nèi)，統(tǒng)計(jì)指標(biāo)結(jié)果，并對(duì)照達(dá)標(biāo)標(biāo)準(zhǔn)判斷是否達(dá)標(biāo)。本發(fā)明將上述統(tǒng)計(jì)值、達(dá)標(biāo)標(biāo)準(zhǔn)定義成指標(biāo)值域，指標(biāo)值域在指標(biāo)體系的指定時(shí)間切片對(duì)應(yīng)某數(shù)值。2、當(dāng)日值域：當(dāng)日為某日0時(shí)0分至次日0時(shí)0分的指標(biāo)統(tǒng)計(jì)值。3、累計(jì)值域：累計(jì)為月初0時(shí)0分至次日0時(shí)0分的指標(biāo)統(tǒng)計(jì)值，累計(jì)值域的時(shí)間區(qū)間不限于今日或?yàn)闀r(shí)間區(qū)間表達(dá)式。4、基準(zhǔn)值域、一級(jí)目標(biāo)值域、二級(jí)目標(biāo)值域以及三級(jí)目標(biāo)值域：均為指標(biāo)達(dá)標(biāo)等級(jí)，基準(zhǔn)值域是合格線，一級(jí)、二級(jí)其次，三級(jí)值域最優(yōu)。為實(shí)現(xiàn)上述技術(shù)目的，達(dá)到上述技術(shù)效果，本發(fā)明通過(guò)以下技術(shù)方案實(shí)現(xiàn)：一種能效指標(biāo)分解的可視化展示方法，包括如下步驟：步驟1、建立指標(biāo)體系結(jié)構(gòu)信息和內(nèi)存數(shù)據(jù)模型，其中，指標(biāo)體系結(jié)構(gòu)信息包括指標(biāo)間層次結(jié)構(gòu)關(guān)系和指標(biāo)節(jié)點(diǎn)的屬性；步驟2、根據(jù)指標(biāo)上下級(jí)層次關(guān)系、指標(biāo)內(nèi)容、字體大小、指標(biāo)節(jié)點(diǎn)邊框裝飾寬度、指標(biāo)節(jié)點(diǎn)寬高間距計(jì)算指標(biāo)布局位置；步驟3、根據(jù)畫(huà)布寬高度、字體、字體大小、指標(biāo)布局位置信息渲染指標(biāo)看板，采用html結(jié)合svg方式將指標(biāo)節(jié)點(diǎn)和交互控件渲染至畫(huà)布：使用svg圖元顯示看板上所有靜態(tài)元素，使用html元素實(shí)現(xiàn)動(dòng)態(tài)交互。優(yōu)選，步驟1中，指標(biāo)節(jié)點(diǎn)的屬性包括基本信息和指標(biāo)值域，其中，基本信息包括指標(biāo)id、指標(biāo)名稱、描述信息；指標(biāo)值域包含值域id、所屬指標(biāo)id、值域?qū)?yīng)計(jì)量點(diǎn)id、名稱、描述、最大值、最小值、基準(zhǔn)值、順序、單位、屬性；能耗指標(biāo)包含五個(gè)指標(biāo)值域：當(dāng)日值域、累計(jì)值域、基準(zhǔn)值域、一級(jí)目標(biāo)值域、二級(jí)目標(biāo)值域以及三級(jí)目標(biāo)值域；數(shù)據(jù)模型包含指標(biāo)id、層次結(jié)構(gòu)中父節(jié)點(diǎn)id、指標(biāo)名稱、指標(biāo)順序、指標(biāo)第一負(fù)責(zé)人、指標(biāo)負(fù)責(zé)人主管、指標(biāo)審核人、指標(biāo)狀態(tài)；其中，指標(biāo)順序是當(dāng)前指標(biāo)在父節(jié)點(diǎn)中位置順序。優(yōu)選，在看板坐標(biāo)軸上，設(shè)水平方向?yàn)閤軸，垂直方向?yàn)閥軸，計(jì)算節(jié)點(diǎn)指標(biāo)位置包括如下步驟：1)遍歷所有節(jié)點(diǎn)，獲取指標(biāo)節(jié)點(diǎn)的最長(zhǎng)文本長(zhǎng)度，加上邊框?qū)挾?，?jì)算出指標(biāo)節(jié)點(diǎn)的最大寬度；2)先計(jì)算當(dāng)前指標(biāo)的子指標(biāo)寬高范圍，再根據(jù)指標(biāo)間距、子指標(biāo)最大寬度和直屬子指標(biāo)數(shù)目計(jì)算當(dāng)前指標(biāo)寬高范圍；3)確定當(dāng)前指標(biāo)位置坐標(biāo)后，再次遍歷所有指標(biāo)，根據(jù)子指標(biāo)的寬高范圍確定子指標(biāo)的位置坐標(biāo)，子指標(biāo)節(jié)點(diǎn)的位置信息由父節(jié)點(diǎn)的位置、前面兄弟節(jié)點(diǎn)的高度和間隔高度共同確定。優(yōu)選，在svg圖層疊加一層透明背景的html圖層，html圖層坐標(biāo)位置與svg坐標(biāo)保持一致，使用html事件交互方法實(shí)現(xiàn)看板點(diǎn)擊事件響應(yīng)功能。本發(fā)明的有益效果是：本發(fā)明提升了指標(biāo)管理信息的精確度，降低指標(biāo)統(tǒng)計(jì)復(fù)雜度，以層次結(jié)構(gòu)清晰地展現(xiàn)能效指標(biāo)整體達(dá)標(biāo)狀態(tài)，便于快速定位企業(yè)生產(chǎn)管理問(wèn)題，為企業(yè)分析管理問(wèn)題、制定改進(jìn)決策提供數(shù)據(jù)支撐?？蓮V泛應(yīng)用于以下兩種場(chǎng)景：1)指標(biāo)分析人員通過(guò)web瀏覽器查閱指標(biāo)完成情況；2)匯報(bào)工作時(shí)，投影指標(biāo)層次分解看板。附圖說(shuō)明圖1是本發(fā)明一種能效指標(biāo)分解的可視化展示方法的流程圖；圖2是本發(fā)明可視化界面展示實(shí)施例一的顯示界面截圖；圖3是本發(fā)明可視化界面展示實(shí)施例二的顯示界面截圖；圖4是本發(fā)明配置功能顯示界面截圖。具體實(shí)施方式下面結(jié)合附圖和具體的實(shí)施例對(duì)本發(fā)明技術(shù)方案作進(jìn)一步的詳細(xì)描述，以使本領(lǐng)域的技術(shù)人員可以更好的理解本發(fā)明并能予以實(shí)施，但所舉實(shí)施例不作為對(duì)本發(fā)明的限定。一種能效指標(biāo)分解的可視化展示方法，包括如下步驟：步驟1、建立指標(biāo)體系結(jié)構(gòu)信息和內(nèi)存數(shù)據(jù)模型，其中，指標(biāo)體系結(jié)構(gòu)信息包括指標(biāo)間層次結(jié)構(gòu)關(guān)系和指標(biāo)節(jié)點(diǎn)的屬性。應(yīng)用時(shí)，如圖1所示，系統(tǒng)首先加載默認(rèn)配置并初始化看板框架(即看板控件)，再加載指標(biāo)體系結(jié)構(gòu)信息和指標(biāo)值，根據(jù)默認(rèn)配置信息生成看板展示數(shù)據(jù)結(jié)構(gòu)。指標(biāo)體系結(jié)構(gòu)信息包含指標(biāo)間層次結(jié)構(gòu)關(guān)系和指標(biāo)節(jié)點(diǎn)的屬性，層次結(jié)構(gòu)關(guān)系主要呈現(xiàn)為樹(shù)形結(jié)構(gòu)關(guān)系，且可逐級(jí)分解為多個(gè)指標(biāo)。在規(guī)定的統(tǒng)計(jì)周期內(nèi)，統(tǒng)計(jì)指標(biāo)結(jié)果，并對(duì)照達(dá)標(biāo)標(biāo)準(zhǔn)判斷是否達(dá)標(biāo)。本方法將上述統(tǒng)計(jì)值、達(dá)標(biāo)標(biāo)準(zhǔn)定義成指標(biāo)值域，指標(biāo)值域在指標(biāo)體系的指定時(shí)間切片對(duì)應(yīng)某數(shù)值。指標(biāo)節(jié)點(diǎn)的屬性由基本信息和指標(biāo)值域組成?；拘畔褐笜?biāo)id、指標(biāo)名稱、描述等信息。指標(biāo)值域由一系列計(jì)量點(diǎn)構(gòu)成，指標(biāo)值域包含值域id、所屬指標(biāo)id、值域?qū)?yīng)計(jì)量點(diǎn)id、名稱、描述、最大值、最小值、基準(zhǔn)值、順序、單位、屬性。每個(gè)域?qū)?yīng)某一數(shù)值，能耗指標(biāo)包含五個(gè)指標(biāo)值域：當(dāng)日值域、累計(jì)值域、基準(zhǔn)值域、一級(jí)目標(biāo)值域、二級(jí)目標(biāo)值域以及三級(jí)目標(biāo)值域。其中當(dāng)日值域?yàn)槟橙?時(shí)0分至次日0時(shí)0分的指標(biāo)統(tǒng)計(jì)值，累計(jì)值域?yàn)樵鲁?時(shí)0分至次日0時(shí)0分的指標(biāo)統(tǒng)計(jì)值，累計(jì)值域的時(shí)間區(qū)間不限于今日或?yàn)闀r(shí)間區(qū)間表達(dá)式，基準(zhǔn)值域、一級(jí)目標(biāo)值域、二級(jí)目標(biāo)值域、三級(jí)目標(biāo)值域均為指標(biāo)達(dá)標(biāo)等級(jí)，基準(zhǔn)是合格線，一級(jí)二級(jí)其次，三級(jí)最優(yōu)。其中值域?qū)?yīng)的計(jì)量點(diǎn)id關(guān)聯(lián)指標(biāo)對(duì)應(yīng)的統(tǒng)計(jì)計(jì)算值的計(jì)量點(diǎn)id，根據(jù)數(shù)據(jù)交互標(biāo)準(zhǔn)接口獲取相應(yīng)統(tǒng)計(jì)周期的統(tǒng)計(jì)值。最大值、最小值定義了指標(biāo)值的有效范圍。順序定義了值域在指標(biāo)中的顯示順序。指標(biāo)分正指標(biāo)、逆指標(biāo)，正指標(biāo)值越大越好，逆指標(biāo)越小越好,值域?qū)傩杂糜诙x正(逆)指標(biāo)類型?；鶞?zhǔn)值為指標(biāo)達(dá)標(biāo)參考標(biāo)準(zhǔn)。數(shù)據(jù)模型包含指標(biāo)id、層次結(jié)構(gòu)中父節(jié)點(diǎn)id、指標(biāo)名稱、指標(biāo)順序、指標(biāo)第一負(fù)責(zé)人、指標(biāo)負(fù)責(zé)人主管、指標(biāo)審核人、指標(biāo)狀態(tài)；其中，指標(biāo)順序是當(dāng)前指標(biāo)在父節(jié)點(diǎn)中位置順序，指標(biāo)id、父節(jié)點(diǎn)id和指標(biāo)順序定義指標(biāo)層次結(jié)構(gòu)，指標(biāo)數(shù)據(jù)模型如表1所示，指標(biāo)值域數(shù)據(jù)模型如表2所示。表1指標(biāo)數(shù)據(jù)模型idvarchar2(32)指標(biāo)idparent_idvarchar2(32)父指標(biāo)iddepartment_idvarchar2(32)部門idnamevarchar2(48)指標(biāo)名稱descriptionvarchar2(256)指標(biāo)描述seq_numnumber(3)指標(biāo)順序ownervarchar2(32)指標(biāo)第一負(fù)責(zé)人ownerleadervarchar2(32)指標(biāo)負(fù)責(zé)人主管checkervarchar2(32)指標(biāo)審核人significancenumber(8)指標(biāo)狀態(tài)表2指標(biāo)值域數(shù)據(jù)模型屬性名數(shù)據(jù)類型描述idvarchar2(32)值域idparent_idvarchar2(32)指標(biāo)idmeasure_idvarchar2(32)計(jì)量點(diǎn)idnamevarchar2(48)值域名稱descriptionvarchar2(256)值域描述max_valuenumber(14,4)值域最大值min_valuenumber(14,4)值域最小值base_valuenumber(14,4)值域基準(zhǔn)值seq_numnumber(8)值域順序unitvarchar2(32)值域單位propertynumber(8)值域?qū)傩钥梢詫?duì)每個(gè)指標(biāo)超標(biāo)事件設(shè)置對(duì)應(yīng)的問(wèn)題反饋實(shí)例，需要相關(guān)責(zé)任人解釋超標(biāo)原因。指標(biāo)超標(biāo)實(shí)例維護(hù)指標(biāo)時(shí)間、超標(biāo)原因、解決方法和具體措施。問(wèn)題反饋是一個(gè)扭轉(zhuǎn)流程，流程id和歷史流程id對(duì)應(yīng)唯一扭轉(zhuǎn)流程，責(zé)任人填寫(xiě)超標(biāo)原因后扭轉(zhuǎn)至歸檔員，逾期未解釋的超標(biāo)事件自動(dòng)扭轉(zhuǎn)至上級(jí)領(lǐng)導(dǎo)。流程扭轉(zhuǎn)通過(guò)流程引擎在問(wèn)題責(zé)任人、上級(jí)領(lǐng)導(dǎo)和歸檔員之間進(jìn)行流轉(zhuǎn)。指標(biāo)超標(biāo)實(shí)例數(shù)據(jù)模型如表3所示。表3指標(biāo)超標(biāo)實(shí)例數(shù)據(jù)模型idvarchar2(32)指標(biāo)超標(biāo)實(shí)例idinidication_idvarchar2(32)指標(biāo)idactual_valuenumber(14,4)指標(biāo)值datedate指標(biāo)隸屬時(shí)間reasonclob超標(biāo)原因solutionclob解決方法work_contentclob具體措施process_idvarchar2(32)流程idhis_process_idvarchar2(32)歷史流程idbase_valuenumber(14,4)基準(zhǔn)值步驟2、計(jì)算布局位置：根據(jù)指標(biāo)上下級(jí)層次關(guān)系、指標(biāo)內(nèi)容、字體大小、指標(biāo)節(jié)點(diǎn)邊框裝飾寬度、指標(biāo)節(jié)點(diǎn)寬高間距計(jì)算指標(biāo)布局位置。指標(biāo)層次結(jié)構(gòu)是一個(gè)樹(shù)形結(jié)構(gòu)，布局位置信息主要受指標(biāo)上下級(jí)層次關(guān)系、指標(biāo)內(nèi)部文本長(zhǎng)度的影響。具體而言主要包括：字體大小、看板陰影、指標(biāo)名稱文本長(zhǎng)度、最大值域文本長(zhǎng)度、值域高度、所有指標(biāo)節(jié)點(diǎn)寬度是否一致、指標(biāo)節(jié)點(diǎn)高度間距以及指標(biāo)節(jié)點(diǎn)寬度間距。使用矢量圖渲染指標(biāo)層次結(jié)構(gòu)信息，中英文字體寬度高度固定，比如，中文是英文的寬度的兩倍，根據(jù)字符串長(zhǎng)度計(jì)算字符串寬度。看板上所有指標(biāo)節(jié)點(diǎn)的名稱寬度和值域?qū)挾缺３忠恢?，所有指?biāo)值域數(shù)目保持一致，整體布局更協(xié)調(diào)整潔。在看板坐標(biāo)軸上，設(shè)水平方向?yàn)閤軸，垂直方向?yàn)閥軸，計(jì)算節(jié)點(diǎn)指標(biāo)位置包括如下步驟：1)遍歷所有節(jié)點(diǎn)，獲取指標(biāo)節(jié)點(diǎn)的最長(zhǎng)文本長(zhǎng)度，加上邊框?qū)挾?，?jì)算出指標(biāo)節(jié)點(diǎn)的最大寬度；2)每個(gè)指標(biāo)的寬高范圍受直屬指標(biāo)數(shù)目和子指標(biāo)深度的影響：先計(jì)算當(dāng)前指標(biāo)的子指標(biāo)寬高范圍，再根據(jù)指標(biāo)間距、子指標(biāo)最大寬度和直屬子指標(biāo)數(shù)目計(jì)算當(dāng)前指標(biāo)寬高范圍；3)確定當(dāng)前指標(biāo)位置坐標(biāo)后，再次遍歷所有指標(biāo)，根據(jù)子指標(biāo)的寬高范圍確定子指標(biāo)的位置坐標(biāo)，子指標(biāo)節(jié)點(diǎn)的位置信息由父節(jié)點(diǎn)的位置、前面兄弟節(jié)點(diǎn)的高度和間隔高度共同確定。指標(biāo)節(jié)點(diǎn)x軸坐標(biāo)等于上級(jí)指標(biāo)的x軸坐標(biāo)位置加上指標(biāo)水平間距，指標(biāo)節(jié)點(diǎn)y軸坐標(biāo)等于上級(jí)y軸坐標(biāo)位置加上所有前序兄弟節(jié)點(diǎn)展開(kāi)范圍高度及節(jié)點(diǎn)之間的垂直間距。當(dāng)指標(biāo)節(jié)點(diǎn)及其上級(jí)指標(biāo)節(jié)點(diǎn)位置確定后，可計(jì)算出兩個(gè)節(jié)點(diǎn)之間連線軌跡。連線以上級(jí)節(jié)點(diǎn)右側(cè)中心位置為起點(diǎn)，以當(dāng)前指標(biāo)節(jié)點(diǎn)左側(cè)中心位置為終點(diǎn)，在中心位置直線折疊。假設(shè)上級(jí)指標(biāo)節(jié)點(diǎn)坐標(biāo)為(x1，y1)，當(dāng)前指標(biāo)節(jié)點(diǎn)的坐標(biāo)為(x2，y2)，則連線的指標(biāo)軌跡為[(x1,y1),((x1+x2)*0.5,y1),((x1+x2)*0.5,y2),(x2,y2)]。步驟3、根據(jù)畫(huà)布寬高度、字體、字體大小、指標(biāo)布局位置信息渲染指標(biāo)看板，采用html結(jié)合svg方式將指標(biāo)節(jié)點(diǎn)和交互控件渲染至畫(huà)布：使用svg圖元顯示看板上所有靜態(tài)元素，使用html元素實(shí)現(xiàn)動(dòng)態(tài)交互。如圖2所示，看板內(nèi)容由矩形框、線段和矢量文本等基本元素組成，按圖層方式疊放，看板渲染引擎根據(jù)畫(huà)布上控件幾何坐標(biāo)空間、控件內(nèi)容快速繪制控件?？窗蹇丶氖噶吭匦畔⒃谇懊娌季治恢糜?jì)算時(shí)實(shí)例化，采用html結(jié)合svg方式進(jìn)行所有控件渲染，即使用svg圖元顯示看板上所有靜態(tài)元素，使用html元素實(shí)現(xiàn)動(dòng)態(tài)交互。本方法使用統(tǒng)一內(nèi)存數(shù)據(jù)結(jié)構(gòu)存儲(chǔ)指標(biāo)值和位置信息，動(dòng)態(tài)交互時(shí)不修改指標(biāo)節(jié)點(diǎn)的寬高，僅修改影響指標(biāo)寬高范圍和父級(jí)指標(biāo)的后續(xù)指標(biāo)的寬高范圍，指標(biāo)節(jié)點(diǎn)內(nèi)存數(shù)據(jù)結(jié)構(gòu)如表4所示。表4指標(biāo)節(jié)點(diǎn)內(nèi)存數(shù)據(jù)結(jié)構(gòu)變量名稱變量描述示例值id指標(biāo)idf006dacef6c949cef3270name指標(biāo)名稱軋鋼分廠status指標(biāo)狀態(tài)goodx指標(biāo)x軸位置0y指標(biāo)y軸位置0containerheight指標(biāo)容器高度135containerwidth指標(biāo)容器寬度213labelwidth標(biāo)簽長(zhǎng)度112contentheight內(nèi)容高度120contentwidth內(nèi)容寬度198height裝飾陰影高度135width裝飾陰影寬度213bfold展開(kāi)狀態(tài)falsedepth當(dāng)前指標(biāo)節(jié)點(diǎn)級(jí)數(shù)1field值域數(shù)組array[6]_children隱藏的子節(jié)點(diǎn)指標(biāo)值array[9]children顯示的子節(jié)點(diǎn)指標(biāo)值array[0]label值域標(biāo)簽當(dāng)日name值域名稱dailyletterlen值域字符長(zhǎng)度5value值域數(shù)值-height值域高度16width值域?qū)挾?2status值域狀態(tài)normal使用顏色決策顯示指標(biāo)狀態(tài)，指標(biāo)狀態(tài)根據(jù)是否超標(biāo)分為超標(biāo)和不超標(biāo)兩類狀態(tài)，使用css樣式定義顏色決策，在樣式類中定義指標(biāo)方框的填充色、邊框顏色等顏色屬性。比如，不達(dá)標(biāo)指標(biāo)的背景色為紅色，達(dá)標(biāo)指標(biāo)背景色為綠色。需說(shuō)明的是，圖2-4中的顯示界面截圖其實(shí)是彩色圖，但由于說(shuō)明書(shū)附圖的要求，圖中無(wú)法體現(xiàn)彩色，其中，灰色的填充色對(duì)應(yīng)綠色，黑色的填充色對(duì)應(yīng)紅色。指標(biāo)節(jié)點(diǎn)由線、框、文本構(gòu)成，節(jié)點(diǎn)間連接線采用直線和/或曲線連接，對(duì)于包含子指標(biāo)的節(jié)點(diǎn)設(shè)置有折疊模塊，如圖3所示，其中，“+”表示子指標(biāo)已折疊，“-”表示子指標(biāo)已展開(kāi)。利用線框優(yōu)化顯示指標(biāo)外觀，每個(gè)指標(biāo)用三個(gè)方框構(gòu)成指標(biāo)節(jié)點(diǎn)外框，使用垂直分割線將指標(biāo)名稱和值域分開(kāi)，使用水平分割線劃分各個(gè)值域，存在子指標(biāo)的節(jié)點(diǎn)右側(cè)中間位置顯示折疊圖標(biāo)，單擊折疊按鈕切換子節(jié)點(diǎn)的顯示。顯示文本主要包括對(duì)齊方式、x坐標(biāo)、y坐標(biāo)和文本內(nèi)容等屬性。方框包括寬度、高度、填充色和輪廓顏色。直線包括折線顏色、折線類型和起始結(jié)束位置。指標(biāo)節(jié)點(diǎn)矢量元素設(shè)計(jì)示例如表5所示，其采用可縮放矢量圖形語(yǔ)言，即svg語(yǔ)言。表5指標(biāo)節(jié)點(diǎn)矢量元素設(shè)計(jì)示例使用svg的path元素顯示指標(biāo)間的連接曲線，指定折線轉(zhuǎn)折點(diǎn)坐標(biāo)、折線顏色和折線寬度。表6為使用svg元素展示某實(shí)例折線。表6指標(biāo)間折線矢量元素設(shè)計(jì)示例svg本身不支持動(dòng)態(tài)交互事件，本發(fā)明使用html事件交互方法實(shí)現(xiàn)看板點(diǎn)擊事件響應(yīng)功能。即在svg圖層疊加一層透明背景的html圖層，該圖層坐標(biāo)位置與svg的坐標(biāo)保持一致，在透明圖層上放置html控件元素實(shí)現(xiàn)svg與html互補(bǔ)顯示。比如，表7是查詢指標(biāo)歷史曲線的示例，表8是指標(biāo)節(jié)點(diǎn)折疊展開(kāi)按鈕示例。點(diǎn)擊按鈕時(shí)觸發(fā)事件，修改指標(biāo)內(nèi)存數(shù)據(jù)結(jié)構(gòu)，重新渲染指標(biāo)值即可。表7查詢指標(biāo)歷史曲線示例表8指標(biāo)節(jié)點(diǎn)折疊展開(kāi)按鈕示例看板獲取指標(biāo)層次結(jié)構(gòu)信息，根據(jù)看板配置信息渲染看板內(nèi)容，計(jì)算指標(biāo)節(jié)點(diǎn)坐標(biāo)信息，再使用svg渲染工具繪制指標(biāo)看板，整個(gè)可視化渲染流程如下(在實(shí)際實(shí)現(xiàn)過(guò)程中采用javascript實(shí)現(xiàn))：步驟1加載配置，初始化看板框架結(jié)構(gòu)：根據(jù)configuration中的默認(rèn)配置，初始化各個(gè)看板的框架結(jié)構(gòu)，包括看板大小、背景顏色等。步驟2初始化屬性顯示和層次顯示的配置控件。步驟3設(shè)置默認(rèn)日期，加載指標(biāo)層次結(jié)構(gòu)和指標(biāo)值：看板默認(rèn)顯示昨日指標(biāo)值，支持日期選擇。向服務(wù)器發(fā)送請(qǐng)求加載數(shù)據(jù)，發(fā)送日期、指標(biāo)層次根指標(biāo)id以及指標(biāo)屬性顯示attributionnamesparameter，返回指標(biāo)及子指標(biāo)層次結(jié)構(gòu)和指標(biāo)值域的值treedatajson。步驟4過(guò)濾看板指標(biāo)數(shù)據(jù)，對(duì)指標(biāo)展示數(shù)據(jù)結(jié)構(gòu)進(jìn)行預(yù)處理：加載指標(biāo)值treedatajson、屬性顯示attributionnamesparameter，根據(jù)屬性顯示配置信息過(guò)濾屬性值，根據(jù)顯示層次showhierarchylevel設(shè)置子結(jié)點(diǎn)的展開(kāi)狀態(tài)bfold，生成全局變量treedata和newattributionnames。步驟5計(jì)算指標(biāo)寬高屬性和指標(biāo)隱藏屬性，格式化指標(biāo)值：格式化指標(biāo)數(shù)值，數(shù)據(jù)保留2位小數(shù)，根據(jù)指標(biāo)節(jié)點(diǎn)的屬性字段長(zhǎng)度和屬性數(shù)目，自適應(yīng)調(diào)整node寬度和高度(width、height)。根據(jù)子結(jié)點(diǎn)的展開(kāi)狀態(tài)(bfold)設(shè)置_children、children的值，_children保存隱藏子結(jié)點(diǎn)數(shù)據(jù)，children保存顯示的子結(jié)點(diǎn)，進(jìn)一步調(diào)整優(yōu)化treedata數(shù)據(jù)結(jié)構(gòu)。此外進(jìn)一步計(jì)算名稱(nodelabel)、值域(field)和整個(gè)指標(biāo)節(jié)點(diǎn)(node)的最大寬度maxwidth。值域高度固定不變,結(jié)點(diǎn)高度主要受attributionshown參數(shù)數(shù)目的影響。步驟6計(jì)算指標(biāo)控件和指標(biāo)連接線位置：指標(biāo)展示模型數(shù)據(jù)預(yù)處理，根據(jù)子結(jié)點(diǎn)折疊情況，更新畫(huà)布當(dāng)前可見(jiàn)指標(biāo)結(jié)點(diǎn)的布局信息indicationidinformapping。根據(jù)子結(jié)點(diǎn)折疊情況，重新計(jì)算各個(gè)節(jié)點(diǎn)的范圍寬度containerwidth和范圍高度containerheight以及指標(biāo)節(jié)點(diǎn)的x、y坐標(biāo),計(jì)算連接線的起始位置的(x,y)坐標(biāo)。步驟7調(diào)用看板渲染器，繪制指標(biāo)體系。步驟8渲染指標(biāo)交互控件：繪制打開(kāi)曲線的圖標(biāo)和子結(jié)點(diǎn)“展開(kāi)/折疊”的圖標(biāo)。如圖4所示，展示界面設(shè)置有用于圖表動(dòng)態(tài)交互操作的工具欄，包括：動(dòng)態(tài)交互主要定位至指定指標(biāo)、放大、縮小、水平平鋪、垂直平鋪、切換全屏、顯示圖表按鈕以及配置看板屬性工具。定位指標(biāo)、放大、縮小、水平平鋪和垂直平鋪，根據(jù)新的縮放比例和坐標(biāo)平移信息修改畫(huà)布屬性即可。切換全屏、顯示圖表按鈕不影響看板指標(biāo)的指標(biāo)位置信息，僅需調(diào)用瀏覽器接口或調(diào)整css樣式即可。折疊隱藏指標(biāo)節(jié)點(diǎn)，僅需修改布局位置，不影響看板數(shù)值、指標(biāo)節(jié)點(diǎn)寬度和高度值，其處理流程如下：觸發(fā)折疊展開(kāi)屬性節(jié)點(diǎn)信息；保存看板原來(lái)縮放比例(scale)和坐標(biāo)平移信息(translate)；對(duì)調(diào)該節(jié)點(diǎn)的隱藏節(jié)點(diǎn)屬性(_children)和顯示節(jié)點(diǎn)屬性(children)；恢復(fù)畫(huà)布的縮放比例和坐標(biāo)平移信息。修改指標(biāo)顯示配置的屬性顯示，指標(biāo)節(jié)點(diǎn)高度因值域顯示數(shù)目變更發(fā)生變化，其處理流程有所不同，需要重新計(jì)算指標(biāo)節(jié)點(diǎn)高度，可進(jìn)入可視化渲染流程的步驟4，繼續(xù)后續(xù)步驟渲染指標(biāo)看板。本方法清晰地展示整個(gè)能效指標(biāo)的層次分解結(jié)構(gòu)關(guān)系，采用指標(biāo)節(jié)點(diǎn)折疊展開(kāi)的動(dòng)態(tài)交互方法、指標(biāo)搜索定位、指標(biāo)歷史曲線展示、指標(biāo)結(jié)構(gòu)配置工具等方法，使得指標(biāo)體系的內(nèi)容結(jié)構(gòu)清晰明了，便于分析人員及時(shí)發(fā)現(xiàn)定位生產(chǎn)管理的問(wèn)題。其中，動(dòng)態(tài)交互功能便于在指標(biāo)看板上搜索定位指標(biāo)、放大縮小看板、水平垂直平鋪指標(biāo)體系、全屏切換、顯示圖表按鈕以及更改看板配置等功能。本發(fā)明提升了指標(biāo)管理信息的精確度，降低了指標(biāo)統(tǒng)計(jì)復(fù)雜度，以層次結(jié)構(gòu)清晰展現(xiàn)企業(yè)指標(biāo)整體達(dá)標(biāo)狀態(tài)，便于快速定位生產(chǎn)管理問(wèn)題，為分析管理問(wèn)題制定改進(jìn)決策提供數(shù)據(jù)支撐。利用指標(biāo)動(dòng)態(tài)交互功能，展示指標(biāo)所有信息。企業(yè)指標(biāo)管理指標(biāo)及子指標(biāo)層次結(jié)構(gòu)復(fù)雜、指標(biāo)數(shù)目巨大，標(biāo)準(zhǔn)尺寸的顯示器無(wú)法顯示完整結(jié)構(gòu)。動(dòng)態(tài)交互方法可對(duì)指標(biāo)信息按重要程度進(jìn)行排序，隱藏次要元素信息，凸顯體系內(nèi)重要元素。以上僅為本發(fā)明的優(yōu)選實(shí)施例，并非因此限制本發(fā)明的專利范圍，凡是利用本發(fā)明說(shuō)明書(shū)及附圖內(nèi)容所作的等效結(jié)構(gòu)或者等效流程變換，或者直接或間接運(yùn)用在其他相關(guān)的
技術(shù)領(lǐng)域：
，均同理包括在本發(fā)明的專利保護(hù)范圍內(nèi)。當(dāng)前第1頁(yè)12