Implementation method of self-defined visual topological graph based on Antv

Abstract

The invention provides an implementation method of a self-defined visual topological graph based on Antv. The implementation method comprises a first module: a topological equipment basic information module which is used for initializing basic information contents of topological elements, and self-defined equipment information is adopted for drawing; a second module: a topological graph rendering module which is used for loading and rendering data separately; a third module: a topology dragging control module which is used for binding a dragging event to each equipment element; a fourth module: a topological link control module which is used for linking the elements; and a fifth module: a topological graph datamation module which comprises data storage and reacquisition of updated topological graph link information. According to the invention, topological graph self-definition is carried out according to equipment information self-defined by a user and is not limited by a fixed structure style in a topological graph; decoupling with self service can be realized; and the modules can be combined into a public component together, so that more other systems can call the modules conveniently.

Description

technical field [0001] The invention relates to the Internet field, in particular to an implementation method of an Antv-based self-defined visualized topology map. Background technique [0002] With the emergence and development of the Internet era, whether it is development or design, we will use topology diagrams, which can visualize various relationships and make people understand the composition of various structures at a glance. In system development, it is often necessary to display the network topology of the device, commonly known as the network topology diagram. [0003] The network topology map will automatically generate a physical topology map from the perspective of global management, visually and dynamically display the structural distribution, link relationship, performance indicators, and operating status of resources, etc., and can be represented by color policies, dynamic traffic, and alarm prompt changes The exception level of each resource enables rapid...

AI Technical Summary

Problems solved by technology

[0004] There are many ways to complete the topology diagram, whether it is PC (such as visio) or Web (such as processon), there are available software to complete it, but such a diagram is static and cannot meet the needs of the system. Dynamic network topology diagram presentation of

If you need to provide according to your own business, such as dynamic setting of link color, dynamic selection of device model, display of device alarm status, etc., it cannot be completed.

Images