CN115080043B

CN115080043B - Data visualization processing method and device, front-end equipment and storage medium

Info

Publication number: CN115080043B
Application number: CN202210860000.3A
Authority: CN
Inventors: 黄文君; 金建祥; 陈晖�
Original assignee: Zhejiang Supcon Technology Co Ltd
Current assignee: Zhongkong Technology Co ltd
Priority date: 2022-07-22
Filing date: 2022-07-22
Publication date: 2022-11-11
Anticipated expiration: 2042-07-22
Also published as: CN115080043A

Abstract

The application provides a data visualization processing method and device, front-end equipment and a storage medium, and relates to the technical field of computers. The data visualization processing method comprises the following steps: firstly, responding to an opening operation in a real-time monitoring page, and acquiring configuration data of a first data billboard configuration displayed in the real-time monitoring page from back-end equipment; acquiring real-time data of the first data source from the back-end equipment according to the information of the first data source; if the configuration data of the first data billboard configuration also comprises a data conversion script, converting the real-time data by adopting the data conversion script; and finally, displaying the converted data in the configuration of the first data billboard in the real-time monitoring page. According to the data visualization processing method, the data backstage such as data analysis application and the front-end display such as the data billboard can be decoupled to the greatest extent, when the front end and the rear end have the conditions such as mismatching of data, the problem can be solved through the data conversion script, and the usability of the system is improved.

Description

Data visualization processing method and device, front-end equipment and storage medium

Technical Field

The invention relates to the technical field of computers, in particular to a data visualization processing method and device, front-end equipment and a storage medium.

Background

With the increasing variety of data that can be collected in a factory, the popularity of data analysis technology in industrial application is gradually deepened, and the data results after being analyzed by the data analysis technology usually need to be displayed in an interface in a related data monitoring system.

In the presentation, the types of data analysis applications are many, and the types of data results of data analysis are also many. Each additional type of data result, whether the result requires interface display or not, requires configuration modification of the associated data monitoring system. In industrial applications, the configuration modification of a data monitoring system usually requires the following two steps, first, a new system version is released after the system is modified; secondly, the production process is interrupted for upgrading.

Therefore, the existing data monitoring system is complex in operation and requires a long implementation period when performing related configuration of data analysis.

Disclosure of Invention

The present invention is directed to provide a data visualization processing method, a front-end device, an electronic device, and a storage medium, so as to provide a data visualization processing method with high flexibility and suitable for multiple data types.

In order to achieve the above purpose, the embodiments of the present application adopt the following technical solutions:

in a first aspect, an embodiment of the present application provides a data visualization processing method, which is applied to a front-end device, and the method includes: the method comprises the following steps:

responding to an opening operation in the real-time monitoring page, and acquiring configuration data of a first data billboard configuration displayed in the real-time monitoring page from a back-end device, wherein the configuration data of the first data billboard configuration comprises: information of a first data source corresponding to the first data billboard configuration;

acquiring real-time data of the first data source from the back-end equipment according to the information of the first data source;

if the configuration data of the first data billboard configuration also comprises a data conversion script, converting the real-time data by adopting the data conversion script;

and displaying the converted data in the first data billboard configuration in the real-time monitoring page.

Optionally, the method further includes:

responding to the setting operation aiming at a third data billboard in a configuration editing page, and acquiring information of a plurality of data sources from the back-end equipment;

displaying information of the plurality of data sources;

responding to the selection operation aiming at the plurality of data sources, and judging whether the data fields of the target data source selected by the selection operation have data fields which cannot be identified by the third data billboard;

if the data field of the target data source has a source data field which cannot be identified by the third data billboard, acquiring a target data conversion script corresponding to the source data field for converting the source data field into a target data field identified by the third data billboard;

and sending the information of the target data source and the target data conversion script as configuration data of the third data billboard to the back-end equipment for storage.

Optionally, the obtaining of the target data conversion script corresponding to the source data field includes:

inquiring whether a target data conversion script exists from the back-end equipment or not according to the source data field and the target data field;

receiving the target data conversion script returned by the back-end equipment;

and displaying the target data conversion script in the configuration editing page.

Optionally, after querying whether a script converted from the target data already exists from the backend device according to the source data field and the target data field, the method further includes:

receiving a prompt message which is returned by the back-end equipment and does not have the target data conversion script;

displaying the prompt message in the configuration editing interface;

and responding to the script input operation input through the configuration editing interface, and determining that the script input by the script input operation is the target data conversion script.

Optionally, the configuration data of the third data billboard further includes: and script indication information, wherein the script indication information is used for indicating whether the target data conversion script is a newly added conversion script.

Optionally, before the responding is to the setting operation of the third data billboard in the configuration editing page, the method further includes:

and responding to the signboard selection operation input aiming at the signboard library in the configuration editing page, and creating the data signboard of the target type selected by the signboard selection operation in the configuration editing page as the third data signboard.

Optionally, the method further includes:

responding to a selection operation aiming at a target organization structure input through a configuration management page, and displaying information of at least one data billboard configuration corresponding to the target organization structure in the configuration management page;

and responding to the management operation aiming at the at least one data kanban configuration, and performing addition or deletion operation on the at least one data kanban configuration in the target organization structure.

In a second aspect, an embodiment of the present application further provides a data visualization processing apparatus, where the data visualization processing apparatus is integrated in a front-end device, and the data visualization processing apparatus includes: the device comprises a response module, an acquisition module, a conversion module and a display module;

the response module is configured to respond to an opening operation in the real-time monitoring page, and acquire configuration data of a first data billboard configuration displayed in the real-time monitoring page from a backend device, where the configuration data of the first data billboard configuration includes: information of a first data source corresponding to the first data billboard configuration;

the acquisition module is used for acquiring the real-time data of the first data source from the back-end equipment according to the information of the first data source;

the conversion module is used for converting the real-time data by adopting the data conversion script if the configuration data of the first data billboard configuration also comprises the data conversion script;

the display module is used for displaying the converted data in the configuration of the first data billboard in the real-time monitoring page.

In a third aspect, an embodiment of the present application further provides a front-end device, including: the data visualization processing method comprises a processor, a storage medium and a bus, wherein the storage medium stores program instructions executable by the processor, when a front-end device runs, the processor and the storage medium communicate through the bus, and the processor executes the program instructions to execute the steps of the data visualization processing method according to any one of the first aspect.

In a fourth aspect, the present application further provides a computer-readable storage medium, where the storage medium stores a computer program, and the computer program is executed by a processor to perform the steps of the data visualization processing method according to any one of the first aspect.

The beneficial effect of this application is: the embodiment of the application provides a data visualization processing method applied to front-end equipment, which includes the steps that firstly, configuration data of a first data billboard configuration displayed in a real-time monitoring page are obtained from back-end equipment in response to opening operation in the real-time monitoring page; acquiring real-time data of the first data source from the back-end equipment according to the information of the first data source; if the configuration data of the first data billboard configuration also comprises a data conversion script, converting the real-time data by adopting the data conversion script; and finally, displaying the converted data in the configuration of the first data billboard in the real-time monitoring page. The data visualization processing method can enable data backgrounds such as data analysis application and the like and front-end displays such as data signboards and the like to be decoupled to the greatest extent, can solve the problem through the data conversion script when the situation that the data are not matched occurs at the front back end, and does not need code modification and software customization, so that the engineering implementation period is shortened, and the usability of the system is improved.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained according to the drawings without inventive efforts.

Fig. 1 is a flowchart of a data visualization processing method according to an embodiment of the present application;

fig. 2 is a block diagram of a data visualization processing system according to an embodiment of the present application;

fig. 3 is a system structure diagram of a data visualization processing system according to another embodiment of the present application;

fig. 4 is a schematic diagram of a real-time monitoring page according to an embodiment of the present application;

fig. 5 is a schematic view of a real-time monitoring page according to another embodiment of the present application;

fig. 6 is a flowchart of a data visualization processing method according to another embodiment of the present application;

fig. 7 is a schematic diagram of a configuration editing page according to an embodiment of the present application;

FIG. 8 is a schematic diagram of a configuration editing page according to another embodiment of the present application;

fig. 9 is a flowchart of a data visualization processing method according to another embodiment of the present application;

fig. 10 is a flowchart of a data visualization processing method according to yet another embodiment of the present application;

fig. 11 is a flowchart of a data visualization processing method according to yet another embodiment of the present application;

FIG. 12 is a schematic diagram of a configuration management page according to an embodiment of the present application;

FIG. 13 is a schematic diagram of a configuration management page according to yet another embodiment of the present application;

fig. 14 is a flowchart of a data visualization processing method according to a further embodiment of the present application;

fig. 15 is a schematic diagram of a data visualization processing apparatus according to an embodiment of the present application;

fig. 16 is a schematic diagram of a front-end device according to an embodiment of the present application.

Detailed Description

In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention.

In this application, unless explicitly stated or limited otherwise, the terms "first", "second" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or to implicitly indicate the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one feature. In the description of the present invention, "a plurality" means at least two, for example, two, three, unless specifically defined otherwise. The terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrases "comprising a component of' 8230; \8230;" does not exclude the presence of additional identical elements in the process, method, article, or apparatus that comprises the element.

With the increasing variety of data that can be collected in a factory and the popularization of data analysis technologies such as machine learning and visual modeling in industrial applications, data results after data analysis technologies are generally required to be displayed on monitoring of systems such as DCS and SCADA, which also causes a problem: due to the fact that the types of data analysis applications are more, particularly in different application scenes, a user can build various data analysis practical applications through visual modeling, and therefore various data results can be obtained. At present, each time a new data result is added, the corresponding data visualization control needs to be adjusted, and even if the display mode is not changed, the code of the data visualization control needs to be modified. In an industrial scenario, this complex operation brings about many invariants: on one hand, system modification is needed, and a new visual control version is issued; on the other hand, the production process needs to be interrupted for upgrading when the device is used.

In order to solve the above problems, embodiments of the present application provide multiple possible implementation manners to provide a data visualization processing method that has high flexibility and is adaptive to multiple data types. The following is explained by way of a number of examples in connection with the drawings. Fig. 1 is a flowchart of a data visualization processing method according to an embodiment of the present application, where the method may be implemented by a front-end device running the data visualization processing method, and the front-end device may receive and display related operations. As shown in fig. 1, the method includes:

step 100: responding to an opening operation in a real-time monitoring page, and acquiring configuration data of a first data billboard configuration displayed in the real-time monitoring page from a back-end device, wherein the configuration data of the first data billboard configuration comprises: the first data billboard configuration corresponds to information of the first data source.

In order to help a user to better implement the data visualization processing method of the present application, the present application further provides a data visualization processing system, which is explained below. The data visualization processing system comprises a front end and a back end. Fig. 2 is a block diagram of a data visualization processing system according to an embodiment of the present application, and referring to fig. 2, the data visualization processing system includes a front-end device 101 and a back-end device 102, where the front-end device 101 is configured to display a relevant interface (e.g., a data billboard interface, a data billboard management interface, a setup interface, etc.) of the data visualization processing system, and the back-end device 102 is configured to process relevant data or process relevant operation information from the front-end device 101. The front-end device 101 and the back-end device 102 may be located on the same hardware device, or may be located on different hardware devices, and the present application does not limit the specific communication connection manner.

In one particular implementation, the data visualization processing system may be configured as follows. Fig. 3 is a system structure diagram of a data visualization processing system according to still another embodiment of the present application, and referring to fig. 3, the data visualization processing system includes a front-end device 101 and a back-end device 102.

The front-end device 101 may display a page including one or more of the following (which may be configured by the user according to actual implementation): a data billboard configuration management page 101a, a data billboard configuration editing page 101b, and a data billboard real-time monitoring page 101c (i.e., a real-time monitoring page). The data signboard configuration management page 101a is responsible for data signboard configuration lists, addition and deletion; the data billboard configuration editing page 101b is responsible for editing a single data billboard configuration; the data billboard real-time monitoring page 101c is responsible for acquiring and displaying real-time data. It should be noted that one or more pages on the front end may be displayed at the front end at the same time, or may be displayed in a form of independent display or overlapping display according to a selection of a user, which is not limited in the present application.

Further, the backend device 102 may include one or more of the following modules: a data analysis module 102a, a data source enumeration module 102b, a data forwarding module 102c, a data billboard configuration management module 102d and a data script management module 102e. It should be noted that each of the modules may be located in the same electronic device, or may be located in different electronic devices, and any two of the modules may be in communication connection through a calling interface or the like, which is not limited in this application. Wherein, the data analysis module 102a is used for performing data analysis (the data analysis module 102a may be, for example, a backend service or a third-party system, which may include a visualization modeling system or a set of programs, etc.); the data source enumeration module 102b may be configured to enumerate data analysis application instances run by the data analysis module 102a and/or data fields of data results provided by the data analysis application instances used by the data analysis module 102 a; the data forwarding module 102c is responsible for receiving a data subscription request of the data billboard page 101b and acquiring real-time data from the data analysis module 102 a; the data billboard configuration management module 102d is responsible for managing the configuration of the data billboard; the data script management module 102e is responsible for managing scripts that process different types of data.

A possible implementation of step 100 is described below in conjunction with the data visualization processing system of fig. 2 or fig. 3.

First, it should be noted that the data billboard in this application refers to a carrier that can display data of a data source in the form of a graph or an image. A canvas including at least one data billboard and associated configuration information is a data billboard configuration.

In a specific implementation manner, in a possible implementation manner, fig. 4 is a schematic diagram of a real-time monitoring page provided by an embodiment of the present application, which can be displayed at the front end in fig. 1, as shown in fig. 4, by performing a corresponding opening operation on the data billboard configuration switching control, at least one data billboard configuration can be opened, and at least one data billboard configuration is displayed on the front-end device 101. In addition, the opened data billboard configuration is in a running state (that is, the data billboard in the opened data billboard configuration changes in real time according to the change of the data source data).

In another specific implementation manner, fig. 5 is a schematic diagram of a real-time monitoring page provided in another embodiment of the present application; as shown in fig. 5, in response to the open operation for the first data billboard configuration, the data billboard configuration 402 displays an interface of the open first data billboard configuration, as shown in fig. 5, the currently selected data billboard configuration includes four data billboards, a text billboard 402a, a column billboard 402b, a sector billboard 402c, and a line chart billboard 402d.

In another specific implementation manner, the real-time data billboard monitoring page 101c may obtain the currently available data billboard configuration through the data billboard configuration management module 102d at the rear end, and when the user performs an opening operation, the user may switch the currently available data billboard configuration through the data billboard configuration switching control.

In yet another possible implementation, after the data billboard real-time monitoring page 101c is opened, a default data billboard is displayed on the page 101 c.

The above is merely an example, and in an actual implementation, there may be other display modes of the data billboard real-time monitoring page 101c, which is not limited in this application.

After the user inputs the opening operation in the monitoring page, the front-end device responds to the opening operation, displays the data billboard configuration (namely the first data billboard configuration) corresponding to the opening operation in the real-time monitoring page, and acquires the configuration data of the first data billboard configuration displayed in the real-time monitoring page from the back-end device. It should be noted that the configuration data is description information of the data billboard configuration, and the configuration data may include data source information of the data billboard configuration, which is only an example. It should be noted that, because the configuration of the data bulletin board may include two or more data bulletin boards, at this time, the data sources of the data bulletin boards may be the same or different, which is not limited in this application, and the user may select the data bulletin boards according to the actual use requirement. Therefore, the information of the first data source corresponding to the first data billboard configuration may include information of at least one data source.

In a possible implementation manner, referring to fig. 3, in response to an opening operation in a real-time monitoring page, information of a first data source corresponding to a first data billboard configuration displayed in the real-time monitoring page is acquired from the data source enumeration module 102b of the backend device.

The foregoing is merely an example, and in an actual implementation, other manners of obtaining the first data source information may also be available, which is not limited in this application.

Step 110: and acquiring real-time data of the first data source from the back-end equipment according to the information of the first data source.

In a possible implementation manner, the front-end device subscribes to the real-time data of the data source bound to the front-end device from the data forwarding module 102c of the back-end device according to the information of the first data source.

In a specific implementation manner, the data forwarding module 102c in the backend device subscribes real-time data to the data analysis module 102 a; when the data analysis module 102a generates data, the data is pushed to the data forwarding module 102c in real time, and then the data forwarding module 102c forwards the real-time data to the front-end device.

Step 120: and if the configuration data of the first data billboard configuration also comprises a data conversion script, converting the real-time data by adopting the data conversion script.

And after the data billboard receives the real-time data, judging that the configuration data of the configuration of the first data billboard also comprises a data conversion script. And if the first data billboard configuration has the data conversion script, the data billboard converts the real-time data by using the data conversion script. If the first data kanban configuration does not include the data conversion script, execute step 130.

It should be noted that the data type or the data format obtained from the data source may not be consistent with the data type or the data format that can be used or processed by the corresponding data billboard, and for this reason, a data conversion script may be pre-configured in the configuration data of the configuration of the first data billboard, and the real-time data of the first data source can satisfy the data processing requirement of the corresponding data billboard after being converted by the data conversion script (or the data billboard uses the data conversion script and can convert the real-time data into the data that can be recognized/processed by the data billboard), so that the data billboard can perform corresponding processing display on the converted real-time data.

It should be further noted that the converted object in the data conversion script is real-time data, and the converted data service object is at least one specific data billboard in the data billboard configuration. The data conversion script in the configuration data may include data conversion scripts of a plurality of data boards, or may include only one data conversion script, where one data conversion script includes information of the data conversion scripts corresponding to the plurality of data boards. The above are only examples, and the specific form of the data conversion script is not limited in the present application, and a user may set the data conversion script according to actual needs.

In a specific implementation manner, the data conversion script is different according to different specific situations such as a development language corresponding to the front-end device: when the front-end equipment is developed by using a script language, the data conversion script can adopt the same script language used by the front end; when the front end adopts a compiling type language, a development language capable of being dynamically loaded by the compiling type language can be selected as a script language of the data conversion script. For example, when the front-end device is developed using JavaScript, the data conversion script may also be written using JavaScript, and at this time, the data conversion script may be in the form of a JavaScript function:

function convert_data(src_data, dst_data)

{…}

in another specific implementation manner, when the data billboard is displayed in real time, the data conversion script can be dynamically loaded as a JavaScript code segment and then executed.

The above is merely an example, and in an actual implementation, the data conversion script may have other development language forms and use modes, which are not limited in the present application.

Step 130: and displaying the converted data in the configuration of the first data billboard in the real-time monitoring page.

In a possible implementation manner, if a data conversion script exists in the first data billboard configuration, the data billboard converts the real-time data by using the data conversion script, and displays the converted data (or a data result obtained after processing the converted data) in the data billboard of the real-time monitoring page. If no data conversion script exists in the configuration of the first data billboard and the real-time data of the data source corresponding to the data billboard does not need to be converted, the real-time data (or a data result obtained after the real-time data is processed) is directly displayed in the data billboard of the real-time monitoring page.

To sum up, an embodiment of the present application provides a data visualization processing method applied to a front-end device, which includes first responding to an opening operation in a real-time monitoring page, and acquiring configuration data of a first data billboard configuration displayed in the real-time monitoring page from a back-end device; acquiring real-time data of the first data source from the back-end equipment according to the information of the first data source; if the configuration data of the first data billboard configuration also comprises a data conversion script, converting the real-time data by adopting the data conversion script; and finally, displaying the converted data in the configuration of the first data billboard in the real-time monitoring page. The data visualization processing method can enable data backgrounds such as data analysis application and the like and front-end displays such as data signboards and the like to be decoupled to the greatest extent, can solve the problem through the data conversion script when the situation that the data are not matched occurs at the front back end, and does not need code modification and software customization, so that the engineering implementation period is shortened, and the usability of the system is improved.

Optionally, on the basis of fig. 1, the present application further provides a possible implementation manner of a data visualization processing method, and fig. 6 is a flowchart of a data visualization processing method provided in another embodiment of the present application; as shown in fig. 6, the method further comprises:

step 601: and responding to the setting operation of a third data billboard in the configuration editing page, and acquiring information of a plurality of data sources from the back-end equipment.

It should be noted that the data billboard configuration can be edited in the data billboard configuration editing page (i.e., the configuration editing interface). In one possible implementation, the editing of a data billboard configuration can be implemented in a data billboard configuration editing page. If the configuration of a plurality of data boards needs to be edited, the editing can be performed one by one or can be realized in a plurality of data board configuration editing pages. The above is merely an example, and in an actual implementation, there may be a specific editing form of other data billboard configuration editing pages, which is not limited in the present application.

Optionally, in step 601: before the setting operation for the third data billboard in the configuration editing page is responded and the information of the multiple data sources is acquired from the back-end equipment, the application also provides a possible implementation manner of the data visualization processing method, and the method further comprises the following steps:

and responding to the signboard selection operation input by aiming at the data signboard library in the configuration editing page, and creating the data signboard of the target type selected by the signboard selection operation in the configuration editing page as a third data signboard.

In a possible implementation manner, fig. 7 is a schematic diagram of a configuration editing page provided in an embodiment of the present application, and referring to fig. 3 and 7, a data billboard configuration editing page 102b includes a data billboard library 301 and a canvas 302, where all selectable data billboard templates are displayed in the data billboard library 301 (all selectable data billboard templates may be displayed in a classification, a list, and the like, so as to facilitate user selection), and a new data billboard, that is, a third data billboard, is created by selecting a certain data billboard in the data billboard library 301, or dragging a certain data billboard in the data billboard library 301 to the right canvas 302, and the like. After the creation is completed, the data billboard can be set by performing a setting operation on the data billboard. The setting operation may be, for example, double-clicking the data billboard, invoking a menu bar corresponding to the data billboard, clicking and selecting the data billboard to be configured, and the like, which is not limited in the present application.

After the user inputs the setting operation for the third data billboard in the configuration editing page, the front-end equipment acquires the information of the plurality of data sources from the back-end equipment by responding to the setting operation for the third data billboard in the configuration editing page. It should be noted that the multiple pieces of data source information acquired from the backend device may be all available data source information, or may be filtered data source information (for example, according to a specific data billboard style, multiple pieces of data source information directly or indirectly available for acquiring the data billboard style are acquired), which is described above only as an example, and in an actual implementation, there may be other data source information acquisition manners, which is not limited in this application.

In a specific implementation manner, fig. 8 is a schematic diagram of a configuration editing page provided in another embodiment of the present application, and as shown in fig. 8, a third data billboard is created through a creation operation of the data billboard, and 1 text billboard 302a, 1 bar graph billboard 302b, 1 pie graph billboard 302c, and 1 line graph billboard 302d are created in a canvas 302. The settings page 302e for a data banner in the canvas 302 (the selected data banner is the third data banner) may pop up by double-clicking or right-clicking the menu. In the setting page 302e, if data is selected, that is, the selection button 302f is clicked, the front-end device responds to the setting operation for the third data billboard in the configuration editing page, and acquires information of a plurality of data sources from the back-end device.

With continued reference to fig. 3, 7, and 8, in yet another specific implementation, the user edits the data billboard configuration in the data billboard configuration editing page 101b, and opens the setting page 302e of a certain data billboard for setting. In the setting, a data source is bound for the data billboard, and a data source enumeration page 302g is opened for data selection. The data source enumeration page 302g, when launched, requests all available data sources from the data source enumeration module 102 b. The data source enumeration module 102b requests all available data sources from the data analysis module 102a and returns to the data source enumeration page 302g.

In another specific implementation, the data analysis module 102a and the data source enumeration module 102b may be in communication connection through any software protocol, for example, the data analysis module 102a is a visual modeling system and generally has an enumeration interface of data; if the data analysis module 102a is a set of Python programs, the data source enumeration module 102b may define a protocol with the set of Python programs, and the Python programs provide HTTP interfaces for the data source enumeration module 102b to obtain, or actively register through Message Queue (MQ) messages. The above is merely an example, and in an actual implementation, there may be another communication connection establishment form between the data analysis module 102a and the data source enumeration module 102b, which is not limited in this application.

Step 602: information of a plurality of data sources is presented.

It should be noted that the displayed multiple data source information may be all the data source information obtained in step 601, or may be data source information obtained by filtering the data source information obtained in step 601 (for example, all the data source information is obtained, but some of the data source information is unavailable, and when the information of the data source is displayed, the data source information may be filtered, and only the information of the available multiple data sources is displayed).

In a specific implementation manner, referring to fig. 8, after receiving information of multiple data sources obtained from the backend device, the data source enumeration page 302g displays the information of the multiple data sources.

Step 603: and responding to the selection operation aiming at the plurality of data sources, and judging whether the data fields of the target data source selected by the selection operation have data fields which cannot be identified by the third data billboard.

The user selects information of the plurality of data sources presented in step 602, and selects one or more data sources from the information of the plurality of data sources. It should be noted that, the number of the selected data sources is not limited in the present application, and the user may select the data sources according to the actual data billboard requirement or setting. For example, a composite graph may correspond to multiple data sources.

In a possible implementation manner, for the selection operation of multiple data sources, the front-end device needs to determine whether a data field of a target data source selected by the selection operation has a data field that cannot be identified by the third data billboard. As explained in the previous embodiments, the storage format, form, etc. of the data fields may not correspond to the format, form, etc. that the data billboard can recognize, where a determination of this is needed. The case of the data fields that cannot be identified by the third data billboard may be, for example: different data types, missing data fields, etc., which are not limited in this application.

In another possible implementation manner, in response to the selection operation for multiple data sources, the target data source selected by the selection operation is returned to the setting page 302e.

In yet another possible implementation, the data fields may be defined in a cross-language data structure such as JSON.

Step 604: and if the data field of the target data source has a source data field which cannot be identified by the third data billboard, acquiring a target data conversion script corresponding to the source data field for converting the source data field into the target data field identified by the third data billboard.

If the data field of the target data source does not have the source data field which cannot be identified by the third data billboard, conversion is not needed through the data conversion script, and the data field of the target data source is the target data field.

If the data field of the target data source has a source data field that cannot be identified by the third data billboard, data format conversion needs to be performed through the data conversion script, and the source data field can be converted into the target data field that can be identified by the third data billboard by obtaining the target data conversion script corresponding to the source data field.

In a possible implementation manner, the manner of obtaining the target data conversion script corresponding to the source data field may be, for example, querying the target data conversion script from a database, prompting a user to edit, and the like.

Step 605: and sending the information of the target data source and the target data conversion script as configuration data of a third data billboard to the back-end equipment for storage.

And after the steps are completed, storing. In a possible implementation manner, configuration data of a third data billboard is saved, where the configuration data of the third data billboard includes: information of the target data source, and a target data conversion script.

In another possible implementation manner, step 605 further includes, before: and responding to the storage operation aiming at least one data source, and sending the information of the target data source and the target data conversion script as configuration data of the third data billboard to the back-end equipment for storage.

In a specific implementation, referring to fig. 8, the setting page 302e may pop up the data source enumeration page 302g through the button 302f in addition to the conventional setting options, and select a data source in the data source enumeration page 302g to bind to the set data billboard. (in a subsequent embodiment, the script editing area 302h may also be used to write a custom data conversion script to enable the data billboard to recognize when the data fields of the data source cannot be recognized by the data billboard). After the above steps are completed, the configuration data of the third data billboard may be sent to the data billboard configuration management module 102d of the backend device 102 for storage.

The foregoing is merely an example, and in practical implementation, other storage forms and storage contents may also be available, and the present application is not limited thereto.

In a specific implementation manner, in addition to the setting of the data source, the application may also implement the setting of the color, the style, the theme, the text label, and the like of the data billboard through the configuration editing page 102b, which is not limited in the application.

Optionally, on the basis of fig. 6, the present application further provides a possible implementation manner of a data visualization processing method, and fig. 9 is a flowchart of a data visualization processing method provided in another embodiment of the present application; as shown in fig. 9, the obtaining of the target data conversion script corresponding to the source data field includes:

step 901: and inquiring whether the target data conversion script exists from the back-end equipment according to the source data field and the target data field.

In a possible implementation manner, at least one data conversion script may be preset in the data script management module 102e, where each data conversion script includes source data field indication information, target data field indication information, and a data conversion script. In the setup page 302e, the source data field indication information may be obtained through the source data field, the target data field indication information may be obtained through the target data field, the source data field indication information and the target data field indication information are used as parameters, and the data script management module 102e queries an available data conversion script, that is, a target data conversion script.

In another possible implementation manner, since the types of data fields used by the multiple data boards may be the same, and the types of data fields in the data source may also be the same, then a data conversion script required for a source data field that cannot be identified by the third data board may also be previously added to the data script management module 102e, so that on the setup page 302e, the source data field indication information may be obtained through the source data field, the target data field indication information may be obtained through the target data field, the source data field indication information and the target data field indication information are used as parameters, and the data script management module 102e is queried for an available data conversion script, that is, a target data conversion script.

In another possible implementation manner, the data script management module may preset a commonly used data conversion script, or perform incremental installation with an upgrade package of the system or the module.

The foregoing is merely an example, and in an actual implementation, there may be another method for querying whether a target data conversion script exists, which is not limited in this application.

Step 902: receiving a target data conversion script returned by the back-end equipment;

and the back-end equipment returns the inquired existing target data conversion script to the front-end equipment, and the front-end equipment receives the target data conversion script. In one possible implementation manner, after the data script management module 102e queries that the target data conversion script exists, the target data conversion script is returned to the front-end device.

Step 903: and displaying the target data conversion script in a configuration editing page.

To facilitate further validation and/or editing of the target data conversion script, the target data conversion script is presented in a configuration editing page (data billboard configuration editing page 101 b).

In a specific implementation, the data script management module 102e queries whether a target data conversion script for converting from a source data field to a target data field already exists. If so, the available data conversion script is filled into the script edit area 302h for confirmation or further modification by the user.

On the basis of inquiring the target data conversion script, the target data conversion script is displayed in the configuration editing page, and secondary editing can be performed on the basis of the target data conversion script, so that the converted target data field is more in line with the actual use requirement, and the practicability of the data visualization processing method is further enhanced.

Optionally, on the basis of fig. 9, the present application further provides a possible implementation manner of a data visualization processing method, and fig. 10 is a flowchart of a data visualization processing method according to yet another embodiment of the present application; as shown in fig. 10, after querying from the backend device whether the target data conversion script already exists according to the source data field and the target data field, the method further includes:

step 1001: and receiving a prompt message of the target-free data conversion script returned by the back-end equipment.

And if the back-end equipment does not inquire the existing target data conversion script according to the source data field and the target data field, returning a prompt message without the target data conversion script to the front-end equipment, wherein the prompt message is used for indicating that the available target data conversion script does not exist.

Step 1002: and displaying a prompt message in a configuration editing interface.

After receiving the prompt message of the target-free data conversion script sent by the back-end device, the front-end device displays the prompt message in the configuration editing page 101b of the front-end device, and prompts that the user has no available conversion script.

It should be noted that the prompt message displayed in the configuration editing page 101b may be displayed in the form of a pop-up window, a floating text, or the like, or may be displayed in the script editing area 302 h.

Step 1003: and responding to the script input operation input through the configuration editing interface, and determining that the script input by the script input operation is the target data conversion script.

After displaying the prompt message, the user may enter a script in the configuration editing page 101 b. And the front-end equipment determines the script input by the script input operation as the target data conversion script by responding to the script input operation input by the configuration editing interface.

In a specific implementation manner, the user can perform manual editing of the script in the script editing area 302h or upload a script file. The front-end equipment converts the input script or the received uploading script file into a target data conversion script.

In another specific implementation, the data billboard configuration editing page can provide the import and export functions of the data conversion script.

In another possible implementation manner, the script input by the script input operation can be judged according to a preset judgment condition, and the executable script is determined as the target data conversion script; if the script is judged to be non-executable or have errors according to the preset judgment condition, the user can be prompted to modify the script in a pop-up window mode, an underline mode and other modes until the input script is determined to be executable. Therefore, the stable operation of the method is further ensured.

By the method, a user can manually input the data conversion script, and the degree of freedom of the data visualization processing method is enhanced.

Optionally, on the basis of fig. 10, the present application further provides a possible implementation manner of the data visualization processing method, and the configuration data of the third data billboard further includes: and script indication information, wherein the script indication information is used for indicating whether the target data conversion script is a newly added conversion script.

In order to save the information of the plurality of data conversion scripts and further simplify the user operation, the configuration data of the third data billboard further comprises: and script indication information for indicating whether the target data conversion script is a newly added conversion script.

In a possible implementation manner, the data billboard configuration editing page 101b may further send information such as a data source, a target data conversion script, script indication information, and a conventional configuration of the data billboard as configuration data of the data billboard configuration where the data billboard is located to the data billboard management module 102d for storage. On this basis, after the data billboard management module 102d finishes storing the data billboard configuration, whether the target data conversion script of each data billboard in the data billboard configuration is newly added is judged according to the script indication information. If the new target data conversion script is added, the added target data conversion script is stored in the data script management module 102e for subsequent use; if not, the saving process is completed.

The newly added data conversion script is stored in the data script management module, so that the data conversion script stored in the data script management module can be directly called under the conversion condition of the same source data field and target data field in the subsequent use, the user operation is further simplified, and the practicability is increased.

Optionally, on the basis of the foregoing embodiments, the present application further provides a possible implementation manner of a data visualization processing method, and fig. 11 is a flowchart of a data visualization processing method provided in yet another embodiment of the present application; as shown in fig. 11, the method further includes:

step 1101: and responding to the selected operation aiming at the target organization structure input through the configuration management page, and displaying the information of at least one data billboard configuration corresponding to the target organization structure in the configuration management page.

FIG. 12 is a schematic diagram of a configuration management page according to an embodiment of the present application; as shown in fig. 12, the data billboard configuration management page 101a includes an organization structure 201, a data billboard configuration list 202; the organizational structure 201 shows an equipment organizational structure (e.g., a plant equipment organizational structure) in the form of a list, a tree control, etc., and the data billboard configuration list 202 shows all data billboard configuration information of a specific node in the organizational structure 201. The user selects a specific node in the organization structure 201 of the configuration management interface to complete the selection operation for the target organization structure, and the front-end device responds to the selection operation for the target organization structure input through the configuration management page and displays the information of at least one data billboard configuration corresponding to the target organization structure on the data billboard configuration list 202 in the configuration management page.

FIG. 13 is a schematic diagram of a configuration management page according to yet another embodiment of the present application; as shown in FIG. 13, the organization structure 201 on the left side shows the device organization structures in the plant in the form of tree controls, and the data billboard configuration list 202 on the right side shows all the data billboard configurations of the target organization structure selected by a selected operation of the organization structure 201.

Step 1102: and responding to the management operation aiming at the at least one data kanban configuration, and performing addition or deletion operation on the at least one data kanban configuration in the target organization structure.

Referring to fig. 12, the configuration management page may manage the data billboard configurations, for example, add a new data billboard configuration to the target organization structure, delete at least one data billboard configuration in the current target organization structure, change the data billboard configuration in the current target organization structure, and the like, which is not limited in this application.

In a possible implementation manner, the add/delete operation performed on the data billboard configuration of the target organization structure may be implemented by interacting a control, performing a specific operation gesture, and entering an add/delete instruction, which is not limited in the present application.

In one specific implementation, referring to FIG. 13, the user can add or delete a data billboard configuration via add button 203 and delete button 204.

In another possible implementation manner, referring to fig. 12 and 13, by selecting a certain data billboard configuration (for example, by clicking or the like), a data billboard configuration editing page corresponding to the data billboard configuration can be entered.

The above description is only an example, and other data billboard configuration management forms may be available in practical implementation, which is not limited in this application.

Optionally, on the basis of the foregoing embodiments, the present application further provides a possible implementation manner of the data visualization processing method, so as to implement real-time display of the data billboard data, and fig. 14 is a flowchart of a data visualization processing method provided in the third embodiment of the present application; as shown in fig. 14, the method further includes:

step 1401: responding to the selected operation aiming at the switching control on the real-time monitoring page, and acquiring configuration data of a second data billboard configuration corresponding to the first data billboard configuration from the back-end equipment; wherein, the configuration data of the second data billboard configuration includes: and the second data billboard configuration corresponds to the information of the second data source.

Referring to fig. 5, by selecting a switching control (the switching control may be in a form of a button, a text + a key, an input box, or the like, which is not limited in this application, and the switching control 401 is illustrated as an example in fig. 5 in a form of a button), the currently displayed data billboard configuration is the first data billboard configuration, the target switched data billboard configuration is the second data billboard configuration, and the first data billboard configuration can be switched to the second data billboard configuration through the switching control. Therefore, the configuration data of the second data billboard configuration corresponding to the first data billboard configuration is obtained from the back-end equipment in response to the selection operation aiming at the switching control on the real-time monitoring page. The second data billboard configuration data includes information of a second data source corresponding to the second data billboard configuration.

Step 1402: and acquiring real-time data of the second data source from the back-end equipment according to the information of the second data source.

In a possible implementation manner, the front-end device subscribes to the real-time data of the data source bound to the front-end device from the data forwarding module 102c of the back-end device according to the information of the second data source.

In a specific implementation manner, the data forwarding module 102c in the backend device subscribes real-time data to the data analysis module 102 a; the data analysis module 102a pushes the real-time data generated by the second data source to the data forwarding module 102c, and then the data forwarding module 102c forwards the real-time data of the second data source to the front-end device.

Step 1403: and switching the configuration of the first data billboard on the real-time monitoring page to the configuration of the second data billboard, and displaying data in the second data billboard according to the real-time data of the second data source.

And after the configuration of the data billboard is switched on the real-time monitoring page, displaying data in the second data billboard according to the real-time data of the second data source.

In a possible implementation manner, fig. 4 is a schematic diagram of a real-time monitoring page provided in an embodiment of the present application, which can be displayed at a front end of fig. 1, as shown in fig. 4, the real-time monitoring page includes a data billboard configuration switching control 401, and at least one data billboard configuration 402 can be opened by performing a corresponding opening operation on the data billboard configuration switching control 401. In the application, the data billboard configuration switching control may be, for example, a control in the form of a switching key, a slider, an input confirmation combination control, and the like, which is not limited in the application as long as the control can realize switching of the data billboard configuration; in addition, specific operation actions corresponding to opening operations are different for different types of switching controls, which is not limited in this application.

In a possible implementation manner, referring to fig. 5, in a form of a button used by the data billboard configuration switching control in fig. 5, the data billboard real-time monitoring page 101c first obtains which data billboard configurations are provided for the user to switch by using the switching control 401 (for example, a control in the form of a button in the figure) from the data billboard configuration management module 102d at the back end, and displays the first data billboard configuration. The switched-to data watching boards will be in a running state, for example, the data watching boards 402a to 402d are running periods 302a to 302d in fig. 8, which perform real-time display by subscribing and receiving real-time data to the back-end data forwarding module 102c (for data fields of unrecognized data sources, the data watching boards will perform data format conversion by calling a data script preset by a user and then perform display).

Specific implementation processes and technical effects of the following descriptions of the data visualization processing apparatus, the front-end device, the storage medium, and the like for executing the data visualization processing apparatus, the front-end device, the storage medium, and the like provided by the present application are referred to above, and are not described in detail below.

Embodiments of the present application provide possible implementation examples of a data visualization processing apparatus, which is integrated in a front-end device and is capable of executing the data visualization processing method provided in the foregoing embodiments. Fig. 15 is a schematic diagram of a data visualization processing apparatus according to an embodiment of the present application. As shown in fig. 15, the data visualization processing device 150 includes: a response module 151, an acquisition module 152, a conversion module 153, and a display module 154;

a response module 151, configured to respond to an opening operation in a real-time monitoring page, and acquire configuration data of a first data billboard configuration displayed in the real-time monitoring page from a backend device, where the configuration data of the first data billboard configuration includes: information of a first data source corresponding to the first data billboard configuration;

an obtaining module 152, configured to obtain real-time data of the first data source from the backend device according to the information of the first data source;

the conversion module 153 is configured to, if the configuration data of the first data billboard configuration further includes a data conversion script, convert the real-time data by using the data conversion script;

a display module 154, configured to display the converted data in the first data billboard configuration in the real-time monitoring page.

Optionally, the front-end device 101 further includes: a storage module;

a response module 151, configured to respond to a setting operation for a third data billboard in the configuration editing page, and obtain information of multiple data sources from the backend device;

a display module 154 for displaying information of a plurality of data sources;

a response module 151, configured to respond to a selection operation for multiple data sources, and determine whether a data field of a target data source selected by the selection operation has a data field that cannot be identified by the third data billboard;

an obtaining module 152, configured to obtain a target data conversion script corresponding to a source data field if a data field of a target data source has a source data field that cannot be identified by the third data billboard, so as to convert the source data field into a target data field that is identified by the third data billboard;

and the storage module is used for sending the information of the target data source and the target data conversion script as configuration data of the third data billboard to the back-end equipment for storage.

Optionally, the obtaining module 152 is configured to query, according to the source data field and the target data field, whether a target data conversion script already exists from the back-end device; receiving a target data conversion script returned by the back-end equipment;

and a display module 154, configured to display the target data conversion script in a configuration editing page.

Optionally, the obtaining module 152 is configured to receive a prompt message of a target-free data conversion script returned by the backend device;

a display module 154, configured to display a prompt message in the configuration editing interface;

the response module 151 is configured to determine that the script input by the script input operation is the target data conversion script in response to the script input operation input through the configuration editing interface.

Optionally, the responding module 151 is configured to respond to a kanban selection operation input for the kanban library in the configuration editing page, and create a data kanban of a target type selected by the kanban selection operation in the configuration editing page as the third data kanban.

Optionally, the response module 151 is configured to respond to a selected operation input through the configuration management page and directed to the target organization structure;

a display module 154, configured to display information of at least one data billboard configuration corresponding to the target organization structure in a configuration management page;

a response module 151, configured to respond to the management operation for at least one data kanban configuration, and perform an add or delete operation on at least one data kanban configuration in the target organization structure.

The data visualization processing device is used for executing the method provided by the foregoing embodiment, and the implementation principle and the technical effect thereof are similar, and are not described herein again.

The above modules may be one or more integrated circuits configured to implement the above methods, such as: one or more Application Specific Integrated Circuits (ASICs), or one or more microprocessors (DSPs), or one or more Field Programmable Gate Arrays (FPGAs), among others. For another example, when one of the above modules is implemented in the form of a Processing element scheduler code, the Processing element may be a general-purpose processor, such as a Central Processing Unit (CPU) or other processor capable of calling program code. For another example, these modules may be integrated together and implemented in the form of a system-on-a-chip (SOC).

The embodiment of the present application provides a possible implementation example of a front-end device, which is capable of executing the data visualization processing method provided by the foregoing embodiment. Fig. 16 is a schematic diagram of a front-end device according to an embodiment of the present application, where the front-end device may be integrated in a terminal device or a chip of the terminal device, and the terminal may be a computing device with a data processing function.

The front-end device includes: the data visualization processing system comprises a processor 1601, a storage medium 1602 and a bus, wherein the storage medium stores program instructions executable by the processor, when the front-end device runs, the processor communicates with the storage medium through the bus, and the processor executes the program instructions to execute the steps of the data visualization processing method. The specific implementation and technical effects are similar, and are not described herein again.

The embodiment of the present application provides a possible implementation example of a computer-readable storage medium, which is capable of executing the data visualization processing method provided by the above embodiment, where the storage medium stores a computer program, and the computer program is executed by a processor to execute the steps of the data visualization processing method.

A computer program stored in a storage medium may include instructions for causing a computer device (which may be a personal computer, a server, a network device, or the like) or a processor (which is a processor) to perform some steps of the methods according to the embodiments of the present invention. And the aforementioned storage medium includes: a U disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.

In the several embodiments provided in the present invention, it should be understood that the disclosed apparatus and method may be implemented in other manners. For example, the above-described apparatus embodiments are merely illustrative, and for example, a division of a unit is only a logical division, and other divisions may be realized in practice, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.

Units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.

The integrated unit implemented in the form of a software functional unit may be stored in a computer-readable storage medium. The software functional unit is stored in a storage medium and includes several instructions to enable a computer device (which may be a personal computer, a server, or a network device) or a processor (processor) to execute some steps of the methods according to the embodiments of the present invention. And the aforementioned storage medium includes: a U disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.

The above description is only for the specific embodiments of the present application, but the scope of the present application is not limited thereto, and any person skilled in the art can easily think of the changes or substitutions within the technical scope of the present application, and shall cover the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims

1. A data visualization processing method is applied to a front-end device, and the method comprises the following steps:

responding to an opening operation in a real-time monitoring page, and acquiring configuration data of a first data billboard configuration displayed in the real-time monitoring page from a back-end device, wherein the configuration data of the first data billboard configuration comprises: information of a first data source corresponding to the first data billboard configuration;

displaying the converted data in the first data billboard configuration in the real-time monitoring page;

the method further comprises the following steps:

displaying information of the plurality of data sources;

responding to the selection operation of the plurality of data sources, and judging whether the data fields of the target data source selected by the selection operation have data fields which cannot be identified by the third data billboard;

if the data field of the target data source has a source data field which cannot be identified by the third data billboard, acquiring a target data conversion script corresponding to the source data field, so as to convert the source data field into a target data field which is identified by the third data billboard;

2. The method of claim 1, wherein the obtaining of the target data transformation script corresponding to the source data field comprises:

inquiring whether a conversion script from the target data exists from the back-end equipment or not according to the source data field and the target data field;

receiving the target data conversion script returned by the back-end equipment;

3. The method of claim 2, wherein after said querying from the back end device whether there has been a transform script from the target data based on the source data field and the target data field, the method further comprises:

receiving a prompt message which is returned by the back-end equipment and has no target data conversion script;

displaying the prompt message in a configuration editing interface;

and responding to the script input operation input through the configuration editing interface, and determining the script input by the script input operation as the target data conversion script.

4. The method of claim 3, wherein the configuration data for the third data billboard further comprises: and script indication information, wherein the script indication information is used for indicating whether the target data conversion script is a newly added conversion script.

5. The method of claim 1, wherein prior to the responding to the setting operation for the third data billboard in the configuration editing page, the method further comprises:

and responding to the kanban selection operation input by aiming at the kanban library in the configuration editing page, and creating the data kanban of the target type selected by the kanban selection operation in the configuration editing page as the third data kanban.

6. The method of any of claims 1-5, further comprising:

responding to a selected operation aiming at a target organization structure input through a configuration management page, and displaying information of at least one data billboard configuration corresponding to the target organization structure in the configuration management page;

and responding to the management operation aiming at the at least one data billboard configuration, and performing addition or deletion operation on the at least one data billboard configuration in the target organization structure.

7. A data visualization processing apparatus, wherein the data visualization processing apparatus is integrated in a front-end device, and the data visualization processing apparatus comprises: the device comprises a response module, an acquisition module, a conversion module and a display module;

the response module is configured to respond to an opening operation in a real-time monitoring page, and acquire configuration data of a first data billboard configuration displayed in the real-time monitoring page from a backend device, where the configuration data of the first data billboard configuration includes: information of a first data source corresponding to the first data billboard configuration;

the display module is used for displaying the converted data in the configuration of the first data billboard in the real-time monitoring page;

the data visualization processing device further comprises: a storage module;

the response module is used for responding to the setting operation aiming at a third data billboard in a configuration editing page and acquiring information of a plurality of data sources from the back-end equipment;

the display module is used for displaying the information of the plurality of data sources;

the response module is used for responding to the selection operation aiming at the plurality of data sources and judging whether the data fields of the target data source selected by the selection operation have the data fields which cannot be identified by the third data billboard;

the obtaining module is configured to obtain a target data conversion script corresponding to the source data field if the data field of the target data source has a source data field that cannot be identified by the third data billboard, so as to convert the source data field into a target data field that is identified by the third data billboard;

8. A front-end device, comprising: a processor, a storage medium and a bus, wherein the storage medium stores program instructions executable by the processor, when the front-end device runs, the processor and the storage medium communicate through the bus, and the processor executes the program instructions to execute the steps of the data visualization processing method according to any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that the storage medium has stored thereon a computer program which, when being executed by a processor, carries out the steps of the data visualization processing method according to any one of claims 1 to 6.