CN117493633A - Hierarchical structure display method, device and equipment of Internet of things system and storage medium - Google Patents

Hierarchical structure display method, device and equipment of Internet of things system and storage medium Download PDF

Info

Publication number
CN117493633A
CN117493633A CN202311439275.0A CN202311439275A CN117493633A CN 117493633 A CN117493633 A CN 117493633A CN 202311439275 A CN202311439275 A CN 202311439275A CN 117493633 A CN117493633 A CN 117493633A
Authority
CN
China
Prior art keywords
fishbone
internet
information
tree
generating
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202311439275.0A
Other languages
Chinese (zh)
Inventor
张益铭
卢伟超
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Kaihong Digital Industry Development Co Ltd
Original Assignee
Shenzhen Kaihong Digital Industry Development Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shenzhen Kaihong Digital Industry Development Co Ltd filed Critical Shenzhen Kaihong Digital Industry Development Co Ltd
Priority to CN202311439275.0A priority Critical patent/CN117493633A/en
Publication of CN117493633A publication Critical patent/CN117493633A/en
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/904—Browsing; Visualisation therefor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/901—Indexing; Data structures therefor; Storage structures
    • G06F16/9024—Graphs; Linked lists

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application relates to the technical field of data management, and is used for improving the visual effect of hierarchical structure data of the Internet of things, and specifically discloses a hierarchical structure display method, device and equipment of an Internet of things system and a storage medium, wherein the Internet of things system comprises a plurality of network equipment, and the method comprises the following steps: acquiring structural data of an Internet of things system, and analyzing the structural data through a first visual function to obtain equipment information, a structural hierarchy and a connection relation of each network equipment; generating tree nodes with coordinate positions according to the equipment information and the structure level, and generating connecting lines among the tree nodes according to the connection relation to obtain a tree structure diagram; processing a tree structure diagram through a preset first conversion function, determining corresponding fishbones according to tree nodes, and determining endpoints of the fishbones according to connection relations; adding information labels for corresponding fishbones according to a preset label conversion function and equipment information; and generating a fishbone map according to the information tag, the fishbone and the endpoints of the fishbone.

Description

Hierarchical structure display method, device and equipment of Internet of things system and storage medium
Technical Field
The present disclosure relates to the field of data management technologies, and in particular, to a hierarchical structure display method, device, equipment, and storage medium for an internet of things system.
Background
With the development of computer technology, network devices in the internet of things system grow exponentially, and the hierarchical structure of the internet of things system is more complex, which increases the difficulty of device management for management staff. The existing scheme displays the hierarchical structure of the equipment by methods such as tables, tree diagrams and the like, and has the defects of poor visualization effect, difficulty in understanding, difficulty in maintenance, poor expandability and the like. The present solution improves on these drawbacks, increasing the visualization effect of the presentation of the hierarchical structure of the device.
Disclosure of Invention
The application provides a hierarchical structure display method, device and equipment of an Internet of things system and a storage medium, which are used for improving the visual effect of hierarchical structure data of the Internet of things.
In a first aspect, the present application provides a hierarchical structure display method of an internet of things system, where the internet of things system includes a plurality of network devices, the method includes:
acquiring structural data of the Internet of things system, analyzing the structural data through a first visual function to obtain equipment information and a structural hierarchy of each network equipment, and obtaining a connection relation of the network equipment;
generating tree nodes with coordinate positions according to the equipment information and the structure level, and generating connecting lines between the tree nodes according to the connection relation to obtain a tree structure diagram;
processing the tree structure diagram through a preset first conversion function, determining corresponding fishbones according to the tree nodes, and determining endpoints of the fishbones according to the connection relation;
adding information labels for the corresponding fishbones according to a preset label conversion function and the equipment information;
and generating a fishbone map according to the information tag, the fishbone and the endpoints of the fishbone.
In some embodiments, prior to said generating a tree node from said device information and said structure level, said method further comprises:
calling an HTML page, and acquiring a height value and a width value through the HTML page;
and adding SVG elements in the HTML page according to the height value and the width value, wherein the SVG elements are used for displaying the tree structure diagram.
In some embodiments, the determining the corresponding fishbone according to the tree node and determining the endpoint of the fishbone according to the connection relationship includes:
determining display coordinates of the endpoints according to the height value, the width value and a preset display proportion, wherein the display coordinates are on the SVG element;
and generating endpoints of the fishbone and the fishbone on the SVG element according to the display coordinates.
In some embodiments, the endpoints include a connection endpoint and a tag endpoint, the information tag, the fishbone, and the endpoint of the fishbone generating a fishbone map comprising:
generating connection endpoints of the fishbone of the next stage on the fishbone of the previous stage;
generating the information tag on the tag endpoint of the corresponding fishbone.
In some embodiments, the generating a tree node from the device information and the structure hierarchy includes:
generating the tree node according to the equipment information;
determining the coordinate position of the tree node according to the structure level;
and arranging the tree nodes according to the coordinate positions.
In some embodiments, the tag conversion function includes a first sub-function and a second sub-function, and adding an information tag to the corresponding fishbone according to a preset tag conversion function and the device information includes:
generating text elements of the information tag from the device information through the first sub-function;
and setting appearance attributes of the information labels through the second sub-function.
In some embodiments, the obtaining structural data of the internet of things system includes:
reading the device information, the structure level and the connection relation of each network device;
and storing the equipment information, the structure level and the connection relation according to a preset key value pair format, and generating the structure data.
In a second aspect, the present application provides a hierarchical structure display device of an internet of things system, the device comprising: the system comprises a data acquisition module, a tree generation module, a data conversion module, a label adding module and a graph conversion module;
the data acquisition module is used for acquiring structural data of the Internet of things system, analyzing the structural data through a first visual function to obtain equipment information and a belonged structural hierarchy of each network equipment, and obtaining a connection relation of the network equipment;
the tree-shaped generation module is used for generating tree-shaped nodes with coordinate positions according to the equipment information and the structure level, and generating connecting lines among the tree-shaped nodes according to the connection relation to obtain a tree-shaped structure diagram;
the data conversion module is used for processing the tree structure diagram through a preset first conversion function, determining corresponding fishbones according to the tree nodes and determining endpoints of the fishbones according to the connection relation;
the tag adding module is used for adding information tags to the corresponding fishbones according to a preset tag conversion function and the equipment information;
and the graph conversion module is used for generating a fishbone graph according to the information tag, the fishbone and the endpoints of the fishbone.
In a third aspect, the present application provides a computer device comprising a memory and a processor;
the memory is used for storing a computer program;
the processor is configured to execute the computer program and implement any of the hierarchical structure display methods of the internet of things system provided in the embodiments of the present application when the computer program is executed.
In a fourth aspect, the present application provides a computer readable storage medium storing a computer program, which when executed by a processor causes the processor to implement a hierarchical structure presentation method of an internet of things system as any one provided in the embodiments of the present application.
The application discloses a hierarchical structure display method of an internet of things system, wherein the internet of things system comprises a plurality of network devices, and the method comprises the following steps: acquiring structural data of an Internet of things system, analyzing the structural data through a first visual function to obtain equipment information and a structural hierarchy of each network equipment, and obtaining a connection relation of the network equipment; generating tree nodes with coordinate positions according to the equipment information and the structure level, and generating connecting lines among the tree nodes according to the connection relation to obtain a tree structure diagram; processing a tree structure diagram through a preset first conversion function, determining corresponding fishbones according to tree nodes, and determining endpoints of the fishbones according to connection relations; adding information labels for corresponding fishbones according to a preset label conversion function and equipment information; and generating a fishbone map according to the information tag, the fishbone and the endpoints of the fishbone. In the process, the tree-shaped nodes are generated according to the equipment information according to the hierarchical structure, then the tree-shaped structure diagram is generated according to the connection relation and the tree-shaped nodes, and therefore the first conversion function can be used for processing and converting, the fishbone generated by converting the tree-shaped nodes is obtained, endpoints of the fishbone generated by converting the connection relation are obtained, information labels generated by converting the equipment information are added, the fishbone diagram of the structural data of the Internet of things system is obtained, the structural data of the Internet of things system is intuitively displayed, and the visual effect of data display is improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings needed in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present application, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is an application scenario diagram of a hierarchical structure display method of an internet of things system provided in an embodiment of the present application;
fig. 2 is a schematic diagram of an internet of things system according to an embodiment of the present application;
fig. 3 is a schematic flowchart of a hierarchical structure display method of an internet of things system according to an embodiment of the present application;
fig. 4 is a schematic diagram of a fish bone map according to an embodiment of the present disclosure;
FIG. 5 is a schematic block diagram of a hierarchical structure display device of an Internet of things system according to an embodiment of the present application;
fig. 6 is a schematic block diagram of a computer device according to an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and fully with reference to the accompanying drawings, in which it is evident that the embodiments described are some, but not all, of the embodiments of the present application. All other embodiments, which can be made by one of ordinary skill in the art without undue burden from the present disclosure, are within the scope of the present disclosure.
The flow diagrams depicted in the figures are merely illustrative and not necessarily all of the elements and operations/steps are included or performed in the order described. For example, some operations/steps may be further divided, combined, or partially combined, so that the order of actual execution may be changed according to actual situations.
It is to be understood that the terminology used in the description of the present application is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in this specification and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.
It should also be understood that the term "and/or" as used in this specification and the appended claims refers to any and all possible combinations of one or more of the associated listed items, and includes such combinations.
Some embodiments of the present application are described in detail below with reference to the accompanying drawings. The following embodiments and features of the embodiments may be combined with each other without conflict.
Referring to fig. 1, fig. 1 shows an application scenario diagram of a hierarchical structure display method of an internet of things system according to an embodiment of the present application. As shown in fig. 1, the method of the embodiment of the present application may be applied to a data management platform, and in particular, to a server of the data management platform, where the server may run in a server or other computing devices, and is configured to obtain structural data stored in a database by an internet of things system, and convert the structural data into a visual fishbone map. And the client side runs in the terminal equipment and is used for acquiring and displaying the fishbone graph generated by the server side so as to display the fishbone graph to the user. Wherein the terminal device and the server are capable of communication connection via a wireless network.
The user completes the checking and management of the structural data of the Internet of things system through an application program on the terminal equipment, the application program comprises a client and a server, the client is installed in the terminal equipment, and the server is installed in the server for the user to use. The terminal device and the server are in communication connection through a wireless network.
When installing the application program of the hierarchical structure display method of the internet of things system in the terminal equipment and the server, the terminal equipment and the server are required to authorize corresponding rights. For example, the authority of the information such as the basic attribute information, the positioning information equipment number, the network information and the like of the Internet of things system can be obtained.
The server may be an independent server, may be a server cluster, or may be a cloud server that provides cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (Content Delivery Network, CDN), and basic cloud computing services such as big data and artificial intelligence platforms. The terminal device can be electronic devices such as a mobile phone, a tablet computer, a notebook computer, a desktop computer, a personal digital assistant, a wearable device and the like.
It should be further noted that, in the embodiment of the present application, related data may be acquired and processed based on an artificial intelligence technology, for example, the tree structure diagram is processed through a preset first conversion function by artificial intelligence, corresponding fishbone is determined according to the tree node, and endpoints of the fishbone are determined according to the connection relationship. Among these, artificial intelligence (Artificial Intelligence, AI) is the theory, method, technique and application system that uses a digital computer or a digital computer-controlled machine to simulate, extend and extend human intelligence, sense the environment, acquire knowledge and use knowledge to obtain optimal results.
Artificial intelligence infrastructure technologies generally include technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, big data processing technologies, operation/interaction systems, mechatronics, and the like. The artificial intelligence software technology mainly comprises a computer vision technology, a robot technology, a biological recognition technology, a voice processing technology, a natural language processing technology, machine learning/deep learning and other directions.
Referring to fig. 2, fig. 2 is a schematic diagram of an internet of things system according to an embodiment of the present application. As shown in fig. 2, the internet of things system 100 includes a plurality of network devices 101, where the network devices 101 have a certain connection relationship, so as to form a communication network. In the internet of things system, the network devices 101 are divided into different structural hierarchies, and a network device 101 of a high structural hierarchy is responsible for managing a network device 101 of a low structural hierarchy. For example, the network device 101 in the first fabric hierarchy is responsible for managing the network device 101 in the second fabric hierarchy, and the network device 101 in the second fabric hierarchy is responsible for managing the network device 101 in the third hierarchy.
Referring to fig. 3, fig. 3 is a schematic flowchart of a hierarchical structure display method of an internet of things system according to an embodiment of the present application. As shown in fig. 3, the specific steps of the hierarchical structure display method of the internet of things system include: S101-S105.
S101, acquiring structural data of an Internet of things system, analyzing the structural data through a first visual function to obtain equipment information and a structural hierarchy of each network equipment, and obtaining a connection relation of the network equipment.
Illustratively, in the embodiment of the present application, the visualization of the structural data of the internet of things system is implemented on the web page by inserting the visualization tool D3 into the web page. Specifically, structural data of the internet of things system is loaded through a d3.Json function in JavaScript code of the webpage. And inputting a storage address of the structural data of the Internet of things system into a d3.JSON function, and loading the d3.JSON function from the storage address to obtain a JSON file of the structural data of the Internet of things system, wherein the loading process is asynchronous loading. And storing the JSON file of the structural data obtained by the d3.JSON function in a data variable, and storing the structural hierarchy and key value pair information of the JSON file through the data variable.
After obtaining the JSON file of the structure data, the structure data is parsed by a first visualization function, for example, the first visualization function is a d3.Hierarchy function, and the d3.Hierarchy function is used for parsing the JSON file in the data variable, so as to obtain the device information of each network device in the JSON file, the connection relationship between the affiliated structure level and the network device, and the connection relationship is stored in the variable hierarchy data.
In some embodiments, before obtaining structural data of the internet of things system, the method comprises: reading equipment information, structure level and connection relation of each network equipment; and generating structural data according to the preset key value pair format storage equipment information, the structural hierarchy and the connection relation.
The internet of things system includes a server for storing and managing structural data, the network device sends device information, a structural hierarchy and a connection relationship to the server after accessing the internet of things system, the server receives and stores the device information, the structural hierarchy and the connection relationship, and stores the device information, the structural hierarchy and the connection relationship according to a preset key value pair format, for example, the preset key value pair format is JSON format. The structure data in the server is updated in real time, and after the network equipment in the Internet of things system is updated, the related information of the network equipment can participate in the visual display, so that the timeliness of the data display is improved, a user can quickly know the relation among all the network equipment in the Internet of things system, and the functions and interaction logic of the whole Internet of things system are better understood.
S102, generating tree nodes with coordinate positions according to the equipment information and the structure level, and generating connecting lines among the tree nodes according to the connection relation to obtain a tree structure diagram.
Illustratively, the device information is used to generate a textual description of the tree node; the structure level is used for determining the level and the position of the tree node in the tree structure diagram; the connection relationships are used to generate connection stripes of the tree nodes to associate device information of the network devices having the affiliations. Therefore, a tree structure diagram can be formed to clearly show the relation among all nodes, so that the information presented by the structural data of the Internet of things system is more vivid and visual.
In some embodiments, prior to generating the tree node from the device information and the structure hierarchy, the method further comprises: calling an HTML page, and acquiring a height value and a width value through the HTML page; and adding SVG elements into the HTML page according to the height value and the width value, wherein the SVG elements are used for displaying the tree structure diagram.
For example, an HTML file of a web page is first created, an HTML page is generated, a height value and a width value set by a user are acquired in the HTML page, the height and the width of SVG elements are set according to the height value and the width value, and the set SVG elements are added to the HTML page. The tree () function is used to create a tree layout, and the height and width values of the tree layout are set, and the tree layout is used to adjust the layout of nodes in the tree archydata, so that the tree layout can perform corresponding processing on the node layout according to the height and width values. SVG elements are added to the HTML page using an add function.
The JSON file of the structural data is preprocessed through the D3.Hierarchy function, the output content can keep the original structure of the structural data, the structural data is converted into hierarchy objects in D3, the hierarchy objects are continuously input into preprocessing interfaces used for generating graphics in more D3.Js functions, and variables such as height and depth are introduced, so that the graphics file can be generated.
In some embodiments, generating a tree node from the device information and the structure hierarchy includes: generating tree nodes according to the equipment information; determining the coordinate position of the tree node according to the structure level; and arranging tree nodes according to the coordinate positions.
Illustratively, tree nodes in the structural tree are arranged according to different levels, and network devices in the internet of things set communication levels according to the structural level. Thus, the structural hierarchy of the network device may be embodied by the hierarchy of tree nodes. Taking a structure tree ordered from left to right as an example, the higher the level the tree node coordinate position is to the left, and the lower the level of the tree node is, the more the tree node coordinate is to the right.
Therefore, the network devices with the same structure level can be ordered at the same level, so that the display process of the network devices has a certain layering sense, and the visualization degree is improved.
S103, processing a tree structure diagram through a preset first conversion function, determining corresponding fishbones according to tree nodes, and determining endpoints of the fishbones according to connection relations.
Illustratively, tree nodes in the tree structure diagram are read layer by layer through a first conversion function, so that the fishbones of the fishbone diagram are generated layer by layer. The relationship between the two is represented by the attachment relationship of each fish bone in the fish bone map, and therefore, the fish bones of each type are connected according to the connection relationship.
In some embodiments, determining the corresponding fishbone from the tree node and determining the end point of the fishbone from the connection relationship comprises: determining display coordinates of endpoints according to the height value, the width value and a preset display proportion, wherein the display coordinates are on SVG elements; endpoints of the fish bone and the fish bone are generated on the SVG element according to the display coordinates.
Referring to fig. 4, fig. 4 is a schematic diagram of a fish bone map according to an embodiment of the present application. As shown in fig. 4, fishbones of the same size are used to present device information pertaining to network devices in the same structural hierarchy. According to the height value, the width value and the display proportion set by a user, firstly, a display interface of SVG elements is generated according to the height value and the width value, the SVG elements are used for displaying the fishbone graph, and then the length of each type of fishbone is determined according to the display proportion. Text elements in the device information are presented in an information tag. The layout form of the fish bone map enables the fish bone map to look like a fish skeleton, the layout form is easy to accept by people, and the relation among all nodes can be clearly shown in the map, so that information shown by the object model is more vivid and visual.
S104, adding information labels to the corresponding fishbones according to a preset label conversion function and equipment information.
The preset tag conversion function includes an application function and a text function. An information tag is added to each fish bone using an application function. Style attributes of the text element, such as font size, color, etc., are set by the application function. Text elements in the device information are used for generating text contents of information labels, such as node names or other attributes, through text functions.
In some embodiments, the tag conversion function includes a first sub-function and a second sub-function, and adding an information tag to a corresponding fishbone according to a preset tag conversion function and equipment information includes: generating text elements of the information tag from the device information through the first sub-function; and setting appearance attributes of the information tag through a second sub-function.
The first and second sub-functions are a selection all function and an enter function, respectively, the preset tag conversion function includes a selection all function and an enter function, all device information is obtained through root functions before conversion, and then information tags are created and added according to the device information by using the selection all function and the enter function, including: style attributes of the information tag, such as color, shape, etc., are set.
Therefore, the generated fishbone graph can be well adapted to various Internet of things structures with different scales and complexity, and new objects, attributes and operations can be conveniently added, so that the fishbone graph has strong expandability.
S105, generating a fish bone map according to the information label, the fish bone and the endpoints of the fish bone.
The information label is displayed at one end point of each fishbone to display the corresponding network information of the fishbone, the other end point of the fishbone is connected with the fishbone of the upper layer to represent the subordinate relationship between the two in the connection relationship, and therefore, the fishbone graph is generated layer by layer.
The fish bone picture has simple and clear structure and is easy to maintain and update. If the network equipment in the Internet of things structure changes, the fishbone diagram is only required to be correspondingly adjusted, and the whole document does not need to be reconstructed or redesigned.
In some embodiments, the endpoints include a connection endpoint and a tag endpoint, the information tag, the fishbone, and the endpoint of the fishbone generating the fishbone map comprising: generating connection endpoints of the fishbone of the next stage on the fishbone of the previous stage; information tags are generated on tag endpoints of corresponding fish bones.
Illustratively, in the fishbone diagram, the endpoints and coordinates of the main fishbone are preferentially determined, and then other fishbones are generated layer by layer, wherein each fishbone comprises a front endpoint and a rear endpoint, and one of the two endpoints is a connecting endpoint. And determining the arrangement position of the next layer of fishbone in the previous layer of fishbone according to a preset interval, thereby determining the coordinates of the connecting end points, further determining the coordinates of the other end point according to a preset included angle proportion and the length of the fishbone, and generating the fishbone layer by layer in SVG elements.
In the process, the tree-shaped nodes are generated according to the equipment information according to the hierarchical structure, then the tree-shaped structure diagram is generated according to the connection relation and the tree-shaped nodes, and therefore the first conversion function can be used for processing and converting, the fishbone generated by converting the tree-shaped nodes is obtained, endpoints of the fishbone generated by converting the connection relation are obtained, information labels generated by converting the equipment information are added, the fishbone diagram of the structural data of the Internet of things system is obtained, the structural data of the Internet of things system is intuitively displayed, and the visual effect of data display is improved.
The fish bone map is used as a common information visualization tool, can well display complex object model information in an intuitive and understandable mode, helps a user to better understand and manage an Internet of things system, and can improve system design and development efficiency.
In order to more clearly describe the technical solution of the present application, the following examples are further described in detail, and it should be noted that the following examples are used for supplementary description of the technical solution of the present application, and are not intended to limit the present application.
Referring to fig. 5, fig. 5 is a schematic block diagram of a hierarchical structure display device of an internet of things system, where the hierarchical structure display device 300 of the internet of things system is used for executing the foregoing hierarchical structure display method of the internet of things system according to an embodiment of the present application. The hierarchical structure display device of the internet of things system can be configured in a server or terminal equipment.
The server may be an independent server, may be a server cluster, or may be a cloud server that provides cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (Content Delivery Network, CDN), and basic cloud computing services such as big data and artificial intelligence platforms. The terminal device can be an electronic device such as a mobile phone, a tablet computer, a notebook computer, a desktop computer, a user digital assistant, a wearable device and the like.
As shown in fig. 5, the hierarchical structure display device 300 of the internet of things system includes: a data acquisition module 301, a tree generation module 302, a data conversion module 303, a tag adding module 304, and a graphics conversion module 305.
The data obtaining module 301 is configured to obtain structural data of the internet of things system, analyze the structural data through a first visual function, obtain device information and a structural hierarchy to which each network device belongs, and obtain a connection relationship of the network devices.
In some embodiments, the data acquisition module 301, before being used to obtain structural data of the internet of things system, is further specifically configured to implement: reading equipment information, structure level and connection relation of each network equipment; and generating structural data according to the preset key value pair format storage equipment information, the structural hierarchy and the connection relation.
The tree generation module 302 is configured to generate tree nodes with coordinate positions according to the device information and the structure hierarchy, and generate connection lines between the tree nodes according to the connection relationship, so as to obtain a tree structure diagram.
In some embodiments, the tree generation module 302, prior to being used to implement generating tree nodes from device information and a hierarchy of structures, is further specifically configured to implement: calling an HTML page, and acquiring a height value and a width value through the HTML page; and adding SVG elements into the HTML page according to the height value and the width value, wherein the SVG elements are used for displaying the tree structure diagram.
The data conversion module 303 is configured to process the tree structure diagram through a preset first conversion function, determine a corresponding fishbone according to the tree node, and determine an endpoint of the fishbone according to the connection relationship.
In some embodiments, the data conversion module 303, when configured to determine a corresponding fishbone according to a tree node, and determine an endpoint of the fishbone according to a connection relationship, is specifically configured to implement: determining display coordinates of endpoints according to the height value, the width value and a preset display proportion, wherein the display coordinates are on SVG elements; endpoints of the fish bone and the fish bone are generated on the SVG element according to the display coordinates.
In some embodiments, the data conversion module 303, when used to implement generating tree nodes according to device information and a structure hierarchy, is specifically used to implement: generating tree nodes according to the equipment information; determining the coordinate position of the tree node according to the structure level; and arranging tree nodes according to the coordinate positions.
The tag adding module 304 is configured to add an information tag to a corresponding fishbone according to a preset tag conversion function and equipment information.
In some embodiments, the tag conversion function includes a first sub-function and a second sub-function, and the tag addition module 304 is configured to: when information labels are added to corresponding fishbones according to a preset label conversion function and equipment information, the method is specifically used for realizing: generating text elements of the information tag from the device information through the first sub-function; and setting appearance attributes of the information tag through a second sub-function.
The graph conversion module 305 is configured to generate a fishbone graph according to the information tag, the fishbone and the endpoints of the fishbone.
In some embodiments, the endpoints include connection endpoints and tag endpoints, and the graphics conversion module 305, when used to implement generating a fishbone map from information tags, fishbones, and endpoints of fishbones, is specifically used to implement: generating connection endpoints of the fishbone of the next stage on the fishbone of the previous stage; information tags are generated on tag endpoints of corresponding fish bones.
It should be noted that, for convenience and brevity of description, a person skilled in the art may clearly understand that, for the specific working process of the hierarchical structure display device and each module of the above-described internet of things system, reference may be made to a corresponding process in the hierarchical structure display method embodiment of the above-described internet of things system, which is not repeated herein.
The hierarchical presentation apparatus of the internet of things system described above may be implemented in the form of a computer program that can be run on a computer device as shown in fig. 5.
Referring to fig. 6, fig. 6 is a schematic block diagram of a computer device according to an embodiment of the present application. The computer device may be a server or a terminal device.
Referring to fig. 6, the computer device includes a processor, a memory, and a network interface connected by a system bus, wherein the memory may include a storage medium and an internal memory.
The storage medium may store an operating system and a computer program. The computer program includes program instructions that, when executed, cause a processor to execute any of the hierarchical structure presentation methods of the internet of things system provided in the embodiments of the present application.
The processor is used to provide computing and control capabilities to support the operation of the entire computer device.
The internal memory provides an environment for the execution of a computer program in the storage medium, which when executed by the processor, causes the processor to perform any of the methods for exposing the hierarchical structure of the internet of things system. The storage medium may be nonvolatile or volatile.
The network interface is used for network communication such as transmitting assigned tasks and the like. It will be appreciated by those skilled in the art that the structure shown in fig. 6 is merely a block diagram of some of the structures associated with the present application and is not limiting of the computer device to which the present application may be applied, and that a particular computer device may include more or fewer components than shown, or may combine certain components, or have a different arrangement of components.
It should be appreciated that the processor may be a central processing unit (Central Processing Unit, CPU), but may also be other general purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), field-programmable gate arrays (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or the like. Wherein the general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
In one embodiment, the processor is configured to execute a computer program stored in the memory to perform the steps of: acquiring structural data of an Internet of things system, analyzing the structural data through a first visual function to obtain equipment information and a structural hierarchy of each network equipment, and obtaining a connection relation of the network equipment; generating tree nodes with coordinate positions according to the equipment information and the structure level, and generating connecting lines among the tree nodes according to the connection relation to obtain a tree structure diagram; processing a tree structure diagram through a preset first conversion function, determining corresponding fishbones according to tree nodes, and determining endpoints of the fishbones according to connection relations; adding information labels for corresponding fishbones according to a preset label conversion function and equipment information; and generating a fishbone map according to the information tag, the fishbone and the endpoints of the fishbone.
In some embodiments, the processor, before being configured to implement obtaining structural data of the internet of things system, is further specifically configured to implement: reading equipment information, structure level and connection relation of each network equipment; and generating structural data according to the preset key value pair format storage equipment information, the structural hierarchy and the connection relation.
In some embodiments, the processor, prior to being used to implement generating the tree node from the device information and the structure hierarchy, is further specifically configured to implement: calling an HTML page, and acquiring a height value and a width value through the HTML page; and adding SVG elements into the HTML page according to the height value and the width value, wherein the SVG elements are used for displaying the tree structure diagram.
In some embodiments, the processor, when configured to determine the corresponding fishbone according to the tree node and determine the endpoint of the fishbone according to the connection relationship, is specifically configured to implement: determining display coordinates of endpoints according to the height value, the width value and a preset display proportion, wherein the display coordinates are on SVG elements; endpoints of the fish bone and the fish bone are generated on the SVG element according to the display coordinates.
In some embodiments, the processor, when configured to implement generating a tree node from device information and a hierarchy of structures, is specifically configured to implement: generating tree nodes according to the equipment information; determining the coordinate position of the tree node according to the structure level; and arranging tree nodes according to the coordinate positions.
In some embodiments, the tag conversion function includes a first sub-function and a second sub-function, the processor being configured to: when information labels are added to corresponding fishbones according to a preset label conversion function and equipment information, the method is specifically used for realizing: generating text elements of the information tag from the device information through the first sub-function; and setting appearance attributes of the information tag through a second sub-function.
In some embodiments, the endpoints include a connection endpoint and a tag endpoint, and the processor, when configured to implement generating the fishbone map from the information tag, the fishbone, and the endpoint of the fishbone, is specifically configured to implement: generating connection endpoints of the fishbone of the next stage on the fishbone of the previous stage; information tags are generated on tag endpoints of corresponding fish bones. The foregoing is merely a specific embodiment of the present application, but the protection scope of the present application is not limited thereto, and any equivalent modifications or substitutions will be apparent to those skilled in the art within the scope of the present application, and these modifications or substitutions should be covered in the protection scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims (10)

1. A hierarchical structure display method of an internet of things system, wherein the internet of things system comprises a plurality of network devices, the method comprising:
acquiring structural data of the Internet of things system, analyzing the structural data through a first visual function to obtain equipment information and a structural hierarchy of each network equipment, and obtaining a connection relation of the network equipment;
generating tree nodes with coordinate positions according to the equipment information and the structure level, and generating connecting lines between the tree nodes according to the connection relation to obtain a tree structure diagram;
processing the tree structure diagram through a preset first conversion function, determining corresponding fishbones according to the tree nodes, and determining endpoints of the fishbones according to the connection relation;
adding information labels for the corresponding fishbones according to a preset label conversion function and the equipment information;
and generating a fishbone map according to the information tag, the fishbone and the endpoints of the fishbone.
2. The hierarchical structure presentation method of an internet of things system according to claim 1, wherein before said generating a tree node from said device information and said structure hierarchy, the method further comprises:
calling an HTML page, and acquiring a height value and a width value through the HTML page;
and adding SVG elements in the HTML page according to the height value and the width value, wherein the SVG elements are used for displaying the tree structure diagram.
3. The hierarchical structure displaying method of the internet of things system according to claim 2, wherein the determining the corresponding fishbone according to the tree node and determining the endpoint of the fishbone according to the connection relation includes:
determining display coordinates of the endpoints according to the height value, the width value and a preset display proportion, wherein the display coordinates are on the SVG element;
and generating endpoints of the fishbone and the fishbone on the SVG element according to the display coordinates.
4. The method for exposing a hierarchical structure of an internet of things system according to claim 3, wherein the endpoints include a connection endpoint and a tag endpoint, wherein the generating a fishbone map from the information tag, the fishbone, and the fishbone endpoint comprises:
generating connection endpoints of the fishbone of the next stage on the fishbone of the previous stage;
generating the information tag on the tag endpoint of the corresponding fishbone.
5. The hierarchical structure presentation method of an internet of things system according to claim 1, wherein the generating a tree node according to the device information and the structure hierarchy includes:
generating the tree node according to the equipment information;
determining the coordinate position of the tree node according to the structure level;
and arranging the tree nodes according to the coordinate positions.
6. The method for displaying a hierarchical structure of an internet of things system according to claim 1, wherein the tag conversion function includes a first sub-function and a second sub-function, and the adding information tags to the corresponding fishbone according to a preset tag conversion function and the device information includes:
generating text elements of the information tag from the device information through the first sub-function;
and setting appearance attributes of the information labels through the second sub-function.
7. The hierarchical structure display method of an internet of things system according to claim 1, wherein before the obtaining the structure data of the internet of things system, the method further comprises:
reading the device information, the structure level and the connection relation of each network device;
and storing the equipment information, the structure level and the connection relation according to a preset key value pair format, and generating the structure data.
8. Hierarchical structure display device of thing networking systems, characterized by, include:
the data acquisition module is used for acquiring structural data of the Internet of things system, analyzing the structural data through a first visual function to obtain equipment information and a belonged structural hierarchy of each network equipment, and obtaining a connection relation of the network equipment;
the tree-shaped generation module is used for generating tree-shaped nodes with coordinate positions according to the equipment information and the structure level, and generating connecting lines among the tree-shaped nodes according to the connection relation to obtain a tree-shaped structure diagram;
the data conversion module is used for processing the tree structure diagram through a preset first conversion function, determining corresponding fishbones according to the tree nodes and determining endpoints of the fishbones according to the connection relation;
the tag adding module is used for adding information tags to the corresponding fishbones according to a preset tag conversion function and the equipment information;
and the graph conversion module is used for generating a fishbone graph according to the information tag, the fishbone and the endpoints of the fishbone.
9. A computer device, the computer device comprising a memory and a processor;
the memory is used for storing a computer program;
the processor is configured to execute the computer program and implement the hierarchical structure display method of the internet of things system according to any one of claims 1 to 7 when the computer program is executed.
10. A computer readable storage medium, characterized in that the computer readable storage medium stores a computer program, which when executed by a processor causes the processor to implement the hierarchical structure presentation method of the internet of things system according to any one of claims 1 to 7.
CN202311439275.0A 2023-10-31 2023-10-31 Hierarchical structure display method, device and equipment of Internet of things system and storage medium Pending CN117493633A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202311439275.0A CN117493633A (en) 2023-10-31 2023-10-31 Hierarchical structure display method, device and equipment of Internet of things system and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202311439275.0A CN117493633A (en) 2023-10-31 2023-10-31 Hierarchical structure display method, device and equipment of Internet of things system and storage medium

Publications (1)

Publication Number Publication Date
CN117493633A true CN117493633A (en) 2024-02-02

Family

ID=89671911

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202311439275.0A Pending CN117493633A (en) 2023-10-31 2023-10-31 Hierarchical structure display method, device and equipment of Internet of things system and storage medium

Country Status (1)

Country Link
CN (1) CN117493633A (en)

Similar Documents

Publication Publication Date Title
US20220067268A1 (en) Systems and methods for remote dashboard image generation
US6492989B1 (en) Computer method and apparatus for creating visible graphics by using a graph algebra
US8665274B2 (en) Method and system for generating and displaying an interactive dynamic view of bi-directional impact analysis results for multiply connected objects
US20030174165A1 (en) System and method for rendering a directed graph
CN109597613A (en) A kind of big screen display system and method for towed combination report
CN111553129B (en) SVG and echarts graph fusion method based on canvas
CN112182236A (en) Knowledge graph construction method and system and electronic equipment
CN103631578A (en) Data display method in power distribution network automated system
CN114417064A (en) Data processing method and device, computer equipment and storage medium
CN113010612A (en) Visual construction method, query method and device for graph data
CN110955803A (en) Drawing method, device, equipment and medium of relational graph based on graph database
CN114048329A (en) Knowledge graph construction and display method and device, electronic equipment and medium
CN112685026A (en) Multi-language-based visual modeling platform and method
CN116245052A (en) Drawing migration method, device, equipment and storage medium
CN114647409A (en) Large-screen visualization application creation platform, method, computing device and storage medium
CN112363725A (en) System for configuring television main scene and visually rendering based on WEB side
US10529100B2 (en) Interaction-driven format for graph visualization
CN110866014A (en) Standard index data access and display method
CN117493633A (en) Hierarchical structure display method, device and equipment of Internet of things system and storage medium
CN116257599A (en) Electronic map display method and device, electronic equipment and storage medium
US20210397663A1 (en) Data reduction in a tree data structure for a wireframe
CN111768823B (en) SVG element-based medical expression editing method, device, equipment and medium
CN110851521B (en) Method, device and storage medium for data visualization
CN111209359A (en) EMS transformer graph model access GIS platform icon self-adaption system and method
CN114419197B (en) SVG-based function definition system, method and computer equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination