A high-performance table based HTML5 for power grid dispatching and control system

With the development of grid dispatching and control, the graphical display based on HTML5 in Zone III has become a crucial component of the grid dispatching and control system. This article addresses the current limitations of existing table components in meeting the specific requirement of drawing tables on a Canvas. It introduces a high-performance Canvas-based table component called GraphTable, which fully supports the table element in the CIM/G specification, ensuring the integrity of graphical display in Zone III. In terms of performance, GraphTable utilizes algorithms for dynamically calculating visible data and double canvas buffering techniques to improve table rendering efficiency. Combined with the newly proposed table lazy rendering technique, it reduces the rendering frequency of tables and enables efficient rendering of data in the order of hundreds of thousands. This component has been applied to the Zone III Web of the grid dispatching and control system, effectively meeting the requirement of supporting table elements and displaying table data on the web interface.