The invention discloses a visualized display method for energy efficiency index
decomposition. The method is characterized by comprising the steps that 1,
index system structure information and a memory
data model are established, wherein the
index system structure information comprises a hierarchical
structure relation between indexes and properties of index nodes; 2, an index
layout position is calculated according to the superior and subordinate
hierarchical relation between the indexes, index content, a
font size, the frame decoration width of the index notes and the width-height spacing of the index nodes; and 3, an index billboard is rendered according to the width and height of canvas, a
font, a
font size and index
layout position information, and the index nodes and an
interactive control are rendered to the canvas by the adoption of an
HTML in combination with an SVG mode, wherein SVG components are used to display all static elements on the billboard, and
HTML elements are used to realize dynamic interaction. The index
hierarchical decomposition billboard provides a dynamic
interaction method, and it is convenient for a user to browse index
information layer by layer and level by level.