Web treemap generation method and apparatus

Abstract

The application provides a WEB rich radar chart generation method and device. The method comprises the following steps: performing structural processing on target information; dividing the information processed in the structural processing into first information and second information, and performing fusion on the first information and the second information respectively; calling a radar chart drawing function and a rich text and radar chart connection line drawing function through a visualization engine, and performing visual display of the fused first information and second information and the rich text extended by the radar chart through connection lines on a WEB browser page. The application can efficiently and flexibly fuse and visually display information of various data structures, and can improve the visual display effect and make the visual display meet business requirements.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of computer, in particular to a WEB rich radar chart generation method and device. BACKGROUND

[0002] With the development of computer graphics, machine learning and other frontier technologies, there are more and more visualization component products, which can not only perform static visualization display on data, but also perform dynamic visualization display on data, so as to realize multi-dimensional visualization display.

[0003] The existing visualization display scheme usually performs visualization display according to the rules corresponding to the specified fields. When the data structure is relatively simple, there is no big problem in displaying the specified fields as specific visualization charts. When the data structure is relatively complex and contains multiple data structures, the data needs to be filtered and fused, thereby reducing the efficiency and flexibility of visualization display, and making the visualization display unable to fully meet the business requirements. For example, the ordinary radar chart can only display specific dimension information at each corner, so that the additional data information carried by the dimension information is split out and cannot be associated with the display. SUMMARY

[0004] The present application provides a WEB rich radar chart generation method and device to solve the defects of low efficiency and flexibility of the existing ordinary radar chart visualization display, which cannot fully meet the business requirements, can realize efficient and flexible fusion and visualization display of information of multiple data structures, and can improve the effect of visualization display, so that the visualization display can meet the business requirements.

[0005] In a first aspect, the present application provides a WEB rich radar chart generation method, comprising:

[0006] Structurally processing target information;

[0007] Dividing the information after the structural processing into first information and second information, and respectively fusing the first information and the second information;

[0008] Calling a radar chart drawing function and a rich text and radar chart connection drawing function through a visualization engine, and respectively visualizing the fused first information and second information through a radar chart and a rich text extended by the radar chart through a connection in a WEB browser page.

[0009] According to the WEB rich radar chart generation method provided by the present application, the structural processing of the target information comprises:

[0010] Structurally processing the target information based on a pre-set data structure.

[0011] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0012] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0013] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0014] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0015] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0016] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0017] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0018] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0019] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0020] The WEB rich radar chart generation method provided by the application comprises the actual name of information, the display name of information and the numerical value of information.

[0021] In response to the WEB browser page receiving user operation on a polygon vertex in the radar chart, the fused third information corresponding to the vertex is displayed through a pop-up window; and / or,

[0022] In response to the WEB browser page receiving user operation on the rich text extended by the connection line of the radar chart, the fused third information corresponding to the rich text is displayed through a pop-up window.

[0023] In a second aspect, the present application further provides a WEB rich radar chart generation device, comprising:

[0024] a structured processing module configured to perform structured processing on the target information;

[0025] a division and fusion module configured to divide the structured processed information into first information and second information, and fuse the first information and the second information respectively;

[0026] a visual display module configured to call a radar chart drawing function and a rich text and radar chart connection line drawing function through a visual engine, and perform visual display of the fused first information and second information through a radar chart and a rich text extended by a connection line of the radar chart on a WEB browser page.

[0027] In a third aspect, the present application further provides an electronic device comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein the processor executes the program to implement the steps of the WEB rich radar chart generation method according to any one of the above.

[0028] In a fourth aspect, the present application further provides a non-transitory computer readable storage medium having a computer program stored thereon, wherein the computer program is executable by a processor to implement the steps of the WEB rich radar chart generation method according to any one of the above.

[0029] In a fifth aspect, the present application further provides a computer program product having a computer program stored thereon, wherein the computer program is executable by a processor to implement the steps of the WEB rich radar chart generation method according to any one of the above.

[0030] The WEB rich radar chart generation method and device provided by the application can obtain a complex rich radar effect drawing by visualizing the information fused after the target information is structured, divided and fused, and the rich text extended by the connection line of the radar chart, can not only show the specific dimension information through each angle of the radar chart, but also show the additional information of the dimension information through the rich text extended by the connection line, can break through the range limitation of the ordinary radar chart, expand the display range to the whole page, realize efficient and flexible fusion and visual display of the information of various data structures, and can improve the visual display effect and meet the business requirements. BRIEF DESCRIPTION OF DRAWINGS

[0031] In order to more clearly illustrate the technical solutions in the application or prior art, the following will briefly introduce the drawings needed to be used in the embodiments or prior art description. Obviously, the drawings in the following description are some embodiments of the application, and other drawings can be obtained by those skilled in the art without creative effort.

[0032] Figure 1 is a flowchart of the WEB rich radar chart generation method provided by the application;

[0033] Figure 2 is an effect diagram of displaying the rich radar chart on the WEB browser page;

[0034] Figure 3 is a local effect diagram of the rich text extended by the rich radar chart in Figure 2

[0035] Figure 4 is a flowchart of another WEB rich radar chart generation method provided by the application;

[0036] Figure 5 is a flowchart of the WEB rich radar chart generation method provided by the application in an application scenario;

[0037] Figure 6 is a flowchart of still another WEB rich radar chart generation method provided by the application;

[0038] Figure 7 is an effect diagram of displaying the rich radar chart in Figure 2 by pop-up display through the interactive operation;

[0039] Figure 8 is a component structure diagram of the WEB rich radar chart generation device provided by the application; ​

[0040] Figure 9 It is a schematic diagram of the composition structure of the electronic device provided by the present invention. DETAILED DESCRIPTION

[0041] To make the objectives, technical solutions, and advantages of the present invention more clear, the technical solutions of the present invention will be clearly and completely described below in conjunction with the accompanying drawings. Obviously, the embodiments described are only some of the embodiments of the present invention, not all of them. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without making creative efforts shall fall within the scope of protection of the present invention.

[0042] The following combination Figures 1-7 The present invention describes the method for generating a WEB rich radar chart.

[0043] See also Figure 1 , Figure 1 This is a flow chart of the method for generating a WEB rich radar chart provided by the present invention. Figure 1 The WEB rich radar chart generation method shown can be executed by a WEB rich radar chart generation device, which can be set at a client, for example, the client can be a terminal device such as a smart phone, desktop computer, notebook computer, tablet computer, vehicle-mounted computer, wearable device, robot, etc., which is not limited in the embodiment of the present invention. Figure 1 As shown, the WEB rich radar chart generation method at least includes:

[0044] 101, structure the target information.

[0045] In embodiments of the present invention, the target information may be raw information that needs to be visualized via a web browser page. Embodiments of the present invention do not limit the type of data source from which the target information is obtained. For example, the target information may be obtained from a business system, a database, or an information collection device. The target information may also include information from different data sources, which is not limited in embodiments of the present invention. For example, the target information may include information obtained from a business system, a database, and an information collection device.

[0046] In an embodiment of the present invention, since different data sources usually adopt different data structures, the target information obtained from different data sources usually contains multiple data structures. After obtaining the target information, the target information can be structured so that the target information containing multiple data structures from different data sources has a unified data structure. The embodiment of the present invention does not limit the implementation method adopted for structuring the target information. For example, the target information can be structured according to a custom data structure.

[0047] 102, divide the information after the structured processing into first information and second information, and fuse the first information and the second information respectively.

[0048] In the embodiment of the present application, after the target information is processed, the information with a unified data structure obtained through the structured processing can be divided to determine the first information displayed through the radar chart and the second information displayed through the rich text extended by the connection line of the radar chart. After the first information and the second information are determined, the determined first information and second information can be fused respectively to obtain the information displayed through the radar chart visualization and the information displayed through the rich text visualization.

[0049] In the embodiment of the present application, the information obtained through the structured processing can be divided into the first information and the second information according to the business scenario, the type and content of the information, etc. The division of the first information and the second information and the implementation method of dividing the first information and the second information are not limited in the embodiment of the present application. The method of fusing the first information can be determined according to the characteristics of the radar chart, the method of fusing the second information can be determined according to the characteristics of the rich text, and the implementation method of fusing the first information and the second information is not limited in the embodiment of the present application. For example, the first information can be fused through mathematical operation to obtain the angle and position in the radar chart.

[0050] 103, call the radar chart drawing function and the rich text and radar chart connection line drawing function through the visualization engine, and visualize the fused first information and second information through the radar chart and the rich text extended by the connection line of the radar chart on the WEB browser page.

[0051] In the embodiment of the present application, after the information obtained through the structured processing is divided and fused respectively, the fused first information can be visualized through the radar chart on the WEB browser page by calling the radar chart drawing function through the visualization engine, and the fused second information can be visualized through the rich text extended by the connection line of the radar chart on the WEB browser page by calling the rich text and radar chart connection line drawing function through the visualization engine, so as to realize the display of the rich radar chart on the WEB browser page. Figure 2 and Figure 3 as shown, Figure 2 is a schematic diagram of the effect of displaying the rich radar chart on the WEB browser page, Figure 3 is a local effect schematic diagram of the rich text extended by the connection line of the rich radar chart in Figure 2 .

[0052] The embodiment of the present application does not limit the type of the visualization engine, for example, the visualization engine can adopt a D3 visualization engine. The D3 visualization engine is an engine for processing visualized data based on svg and canvas, and can be used as a general tool for generating output visualized graphics. It uses an enter-update-exit mode, and through simple and special API tools, it can visualize the prepared data. In the visualized graphics, it can focus on how to display the data, and has strong data processing capability. Through rewriting and / or writing the visualization code in the function of calling the related interface in the visualization engine, for example, the radar chart drawing function, the function of drawing the connection line between the rich text and the radar chart, the visualization display of the rich radar chart on the WEB browser page can be realized.

[0053] The WEB rich radar chart generation method provided by the embodiment of the present application can obtain a complex rich radar effect drawing through the structural processing, division and fusion of the target information, the visualization display of the fused information through the radar chart and the rich text extended by the connection line of the radar chart, can not only display the specific dimension information through each angle of the radar chart, but also display the additional information of the dimension information through the rich text extended by the connection line, can break through the range limitation of the ordinary radar chart, expand the display range to the entire page, realize the efficient and flexible fusion and visualization display of the information of various data structures, and can improve the visualization display effect, so that the visualization display meets the business requirements.

[0054] Please refer to Figure 4 , Figure 4 is another flowchart of the WEB rich radar chart generation method provided by the present application, as Figure 4 shown, the WEB rich radar chart generation method at least includes:

[0055] 401, based on the pre-set data structure, the target information is structurally processed.

[0056] In the embodiment of the present application, the data structure can be predefined, the original information to be visualized displayed through the WEB browser page is traversed, and the traversed original information is structurally processed according to the pre-defined data structure, so that the information meeting the pre-defined data structure is obtained. The embodiment of the present application does not limit the form of the pre-defined data structure, for example, the pre-defined data structure can include: the actual name of the information, the display name of the information and the numerical value of the information.

[0057] As Figure 5 shown, Figure 5Is the application scenario of the WEB rich radar chart generation method provided by the present application, in the application scenario, the data of different data sources and related global variables can be arranged according to the pre-defined data structure (Data), and the information with uniform data structure after arrangement is put into an object. Part of the information arrangement and the code example of putting into the container are as follows:

[0058] SourceData.forEach(e=>{

[0059] radarCircle1.push({name:‘x1’,score:‘x2’,legend:‘x3’,value:99}),

[0060] radarCircle2.push({name:‘y1’,score:‘y2’,legend:‘y3’,value:85}),

[0061] })

[0062] radarCircle3.push({name:‘z1’,score:‘z2’,legend:‘z3’,value:85}),

[0063] })

[0064] radarData.push(radarCircle1)

[0065] radarData.push(radarCircle2)

[0066] radarData.push(radarCircle3)

[0067] …

[0068] 402,Based on the pre-written and / or reusable conversion code, the structured processed information is divided into first information and second information, and the first information and the second information are fused respectively.

[0069] In the embodiment of the present application, the conversion code can be pre-written, or the reusable conversion code can be extracted from the pre-written conversion code, the structured information is divided, the first information and the second information are determined, and the first information and the second information are fused respectively. Alternatively, the conversion code can be all pre-written conversion code, or the conversion code can be all reusable conversion code, or the conversion code can be part of pre-written conversion code and part of reusable conversion code, and the embodiment of the present application does not limit this. The programming language used to write the conversion code can be determined according to the language used by the visualization engine, and the embodiment of the present application does not limit this.

[0070] As shown in Figure 5 In this application scenario, the reasonable conversion code (Convert Code) can be pre-written in javascript according to the information division and fusion requirements, and the structured information is divided and fused. Part of the written conversion code is as follows:

[0071] Var quarterPoint = quartPointX + svgRect / 2 + Math.sqrt(a*a–quarterPointX*quarterPoniterY)

[0072] …

[0073] 403, the first information and the second information after fusion are respectively visualized by the visualization engine.

[0074] In the embodiment of the present application, after the first information and the second information obtained by division are fused respectively, the first information and the second information after fusion can be respectively visualized by the visualization processing function provided by the visualization engine. The visualization processing function can be determined according to the visualization engine, and the embodiment of the present application does not limit this. For example, the visualization engine uses D3 visualization engine, which provides a series of functions for logical processing of data, such as filter, push, etc. The corresponding interface function of D3 visualization engine can be called, and the first information and the second information after fusion can be assembled, filtered, etc. by Javascript operations such as var, for, if, and a series of js syntax.

[0075] As shown in Figure 5 In this application scenario, the information obtained based on the pre-defined data structure (Data) and the pre-written conversion code (Convert Code) is processed by the D3 visualization engine. Part of the code for visualizing processing is as follows:

[0076] D3.select('svg').selectAll('.line').data(data).attr('x', function(d, i) {

[0077] Return lineFactor*(1–factor*Math.sin((i*radians) / total+offsetangle))

[0078] })

[0079] …

[0080] 404, the first information and the second information processed by the visualization are visualized on the WEB browser page through the radar chart and the rich text extended by the radar chart through the line drawing function by calling the radar chart drawing function and the rich text and radar chart line drawing function pre-written and / or reusable by the visualization engine.

[0081] In the embodiment of the application, the radar chart drawing function and the rich text and radar chart line drawing function can be pre-written, or the radar chart drawing function and the rich text and radar chart line drawing function can be extracted from the pre-written code as reusable radar chart drawing function and rich text and radar chart line drawing function, and the first information and the second information processed by the visualization are visualized on the WEB browser page through the radar chart and the rich text extended by the radar chart through the line drawing function by calling the radar chart drawing function and the rich text and radar chart line drawing function by the visualization engine. Alternatively, the radar chart drawing function and the rich text and radar chart line drawing function can all be pre-written functions, or the radar chart drawing function and the rich text and radar chart line drawing function can all be reusable functions, or the radar chart drawing function and the rich text and radar chart line drawing function can be partly pre-written code and partly reusable code, and the embodiment of the application does not limit this. The programming language used to write the radar chart drawing function and the rich text and radar chart line drawing function can be determined according to the language used by the visualization engine, and the embodiment of the application does not limit this.

[0082] As shown in Figure 5 , in this application scenario, the radar chart drawing function and the rich text drawRadar and radar chart line drawing function drawLine can be pre-written, and drawRadar and drawLine can be called by the D3 visualization engine to draw the radar chart and the rich text extended by the radar chart through the line drawing function to obtain the visual rich radar effect diagram. The codes of part of the drawRadar function and the drawLine function are as follows:

[0083]

[0084] The embodiment can realize direct visualization display of data, directly return a complex rich radar effect diagram required, guarantee processing effect of a large amount of various data structure visualization rich radar diagrams, improve processing efficiency, and improve visualization display effect by combining a D3 visualization engine with a Javascript language to process and display data.

[0085] Please refer to Figure 6 , Figure 6 is a flowchart of another WEB rich radar diagram generation method provided by the application, as shown in Figure 6 , the WEB rich radar diagram generation method at least includes:

[0086] 601, structurally processing target information.

[0087] In the embodiment of the application, the description of 601 can refer to the description of 101 in Figure 1 , and therefore the description is not repeated here.

[0088] 602, dividing the information processed in the structure into first information, second information and third information, and respectively fusing the first information, the second information and the third information.

[0089] In the embodiment of the application, after the target information is structurally processed, the information with a unified data structure obtained by the structural processing can be divided to determine the first information displayed by the radar diagram, the second information displayed by the rich text and the third information displayed by the pop-up window. After the first information, the second information and the third information are determined, the first information, the second information and the third information determined can be respectively fused to obtain information displayed by the radar diagram, information displayed by the rich text and information displayed by the pop-up window.

[0090] In the embodiment of the application, the information obtained by the structural processing can be divided into the first information, the second information and the third information according to the business scenario, the type and the content of the information, and the like. The division of the first information, the second information and the third information and the implementation method of dividing the first information, the second information and the third information are not limited in the embodiment of the application. The method of fusing the first information can be determined according to the characteristics of the radar diagram, the method of fusing the second information can be determined according to the characteristics of the rich text, and the method of fusing the third information can be determined according to the characteristics of the pop-up window. The implementation method of respectively fusing the first information, the second information and the third information is not limited in the embodiment of the application.

[0091] 603, calling the radar chart drawing function and the rich text and radar chart connection line drawing function through the visualization engine, and visualizing the fused first information and second information on the WEB browser page through the radar chart and the rich text extended by the connection line of the radar chart.

[0092] In the embodiments of the present application, the description of 603 can refer to the description of 103 in Figure 1

[0093] 604, in response to the WEB browser page receiving the user operation on the polygon vertex in the radar chart, displaying the fused third information corresponding to the vertex through a pop-up window; and / or, in response to the WEB browser page receiving the user operation on the rich text extended by the connection line of the radar chart, displaying the fused third information corresponding to the rich text through a pop-up window.

[0094] In the embodiments of the present application, after the rich radar chart is visualized on the WEB browser page, the user operation on the polygon vertex in the radar chart can be received through the WEB browser page, and the fused third information corresponding to the vertex is visualized in the form of a pop-up window; and / or, the user operation on the rich text extended by the connection line of the radar chart is received through the WEB browser page, and the fused third information corresponding to the rich text is visualized in the form of a pop-up window. As Figure 7 Figure 7 is a schematic diagram of the effect of the rich radar chart in Figure 2 displayed through interactive operation in a pop-up window.

[0095] The rich radar chart of the present embodiment can support complex interactive operation, and the information visualized can be further expanded through the interactive operation, so as to further improve the effect of the visualization, and make the visualization meet more business requirements.

[0096] The WEB rich radar chart generation device provided by the present application is described below, and the WEB rich radar chart generation device described below can be correspondingly referred to the WEB rich radar chart generation method described above.

[0097] Please refer to Figure 8 , Figure 8 is a schematic diagram of the composition structure of the WEB rich radar chart generation device provided by the present application, Figure 8 The WEB rich radar chart generation device shown in Figure 1 The WEB rich radar chart generation device can be used to execute the WEB rich radar chart generation method of Figure 8 ​​As shown, the WEB rich radar chart generation apparatus at least comprises:

[0098] The structured processing module 810 is configured to perform structured processing on the target information.

[0099] The division and fusion module 820 is configured to divide the information after the structured processing into first information and second information, and fuse the first information and the second information respectively.

[0100] The visual display module 830 is configured to call, through a visual engine, a radar chart drawing function and a rich text and radar chart connection line drawing function, and display the fused first information and second information respectively through a radar chart and a rich text extended by a connection line of the radar chart on a WEB browser page.

[0101] Optionally, the structured processing module 810 is configured to perform structured processing on the target information based on a pre-set data structure.

[0102] Optionally, the data structure comprises an actual name of the information, a display name of the information, and a numerical value of the information.

[0103] Optionally, the division and fusion module 820 is configured to divide the information after the structured processing into the first information and the second information based on pre-written and / or reusable conversion code, and fuse the first information and the second information respectively.

[0104] Optionally, the visual display module 830 is configured to:

[0105] perform visual processing on the fused first information and second information respectively through the visual engine;

[0106] call, through the visual engine, the pre-written and / or reusable radar chart drawing function and the rich text and radar chart connection line drawing function, and display the visual processed first information and second information respectively through a radar chart and a rich text extended by a connection line of the radar chart on a WEB browser page.

[0107] Optionally, the visual engine adopts a D3 visual engine, and the conversion code, the radar chart drawing function and the rich text and radar chart connection line drawing function are written in a javascript language.

[0108] Optionally, the division and fusion module 820 is configured to divide the information after the structured processing into first information, second information and third information, and fuse the first information, the second information and the third information respectively.

[0109] The visual display module 830 is further configured to, in response to the WEB browser page receiving a user operation on a polygon vertex in the radar chart, display the fused third information corresponding to the vertex through a pop-up window; and / or,

[0110] In response to the WEB browser page receiving the user's operation on the rich text expanded by the connection line of the radar chart, the fused third information corresponding to the rich text is displayed through a pop-up window.

[0111] Figure 9 An example of a physical structure diagram of an electronic device is shown below. Figure 9 As shown, the electronic device may include: a processor 910, a communication interface 920, a memory 930, and a communication bus 940, wherein the processor 910, the communication interface 920, and the memory 930 communicate with each other via the communication bus 940. The processor 910 may call the logic instructions in the memory 930 to execute the method provided by the above embodiments, which includes:

[0112] Structural processing of target information;

[0113] dividing the structured information into first information and second information, and fusing the first information and the second information respectively;

[0114] The radar chart drawing function and the rich text and radar chart connection drawing function are called by the visualization engine to visualize the fused first information and the second information on the WEB browser page through the radar chart and the rich text extended by the connection.

[0115] In addition, the logic instructions in the above-mentioned memory 930 can be implemented in the form of a software functional unit and can be stored in a computer-readable storage medium when sold or used as an independent product. Based on this understanding, the technical solution of the present invention is essentially or the part that contributes to the prior art or the part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk, etc. Various media that can store program code.

[0116] In another aspect, the present application also provides a computer program product, which comprises a computer program stored on a non-transitory computer readable storage medium, the computer program comprising program instructions which, when executed by a computer, enable the computer to perform the method provided by any of the above embodiments, the method comprising:

[0117] performing structural processing on the target information;

[0118] dividing the information after the structural processing into first information and second information, and performing fusion on the first information and the second information respectively;

[0119] invoking a radar chart drawing function and a rich text and radar chart connection line drawing function through a visualization engine, and visualizing the first information and the second information after the fusion on a WEB browser page through a radar chart and a rich text extended by a connection line of the radar chart respectively.

[0120] In yet another aspect, the present application also provides a non-transitory computer readable storage medium, which stores a computer program, the computer program being executed by a processor to implement a method comprising:

[0121] performing structural processing on the target information;

[0122] dividing the information after the structural processing into first information and second information, and performing fusion on the first information and the second information respectively;

[0123] invoking a radar chart drawing function and a rich text and radar chart connection line drawing function through a visualization engine, and visualizing the first information and the second information after the fusion on a WEB browser page through a radar chart and a rich text extended by a connection line of the radar chart respectively.

[0124] The device embodiments described above are merely illustrative, wherein the units described as separate components can or can not be physically separate, and the components displayed as units can or can not be physical units, i.e., can be located in one place, or can be distributed on multiple network units. Part or all of the modules can be selected to achieve the purpose of the present embodiment according to actual needs. Those skilled in the art can understand and implement it without creative labor.

[0125] Those skilled in the art can clearly understand the technical solutions of the various embodiments from the above description of the embodiments, and the various embodiments can be implemented by means of software with the necessary general hardware platforms, and of course, can also be implemented by hardware. Based on such understanding, the above technical solutions, essentially or in other words, the part of the prior art that makes a contribution, can be embodied in the form of a software product, which can be stored in a computer readable storage medium, such as a ROM / RAM, a magnetic disk, an optical disk, and the like, and includes a number of instructions for causing a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in the various embodiments or some parts of the embodiments.

[0126] Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present application, and not to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that: it can still modify the technical solutions recorded in the foregoing embodiments, or make equivalent replacement for some technical features therein; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. A WEB rich radar chart generation method characterized by, The method comprises the following steps: structuring the target information; dividing the structured information into first information and second information, and fusing the first information and the second information respectively; calling a radar chart drawing function and a rich text and radar chart connection drawing function through a visualization engine, and visualizing the fused first information and second information on a WEB browser page through a radar chart and a rich text extended by a connection line of the radar chart respectively, comprising: calling the radar chart drawing function through the visualization engine to visualize the fused first information on the WEB browser page through a radar chart; calling the rich text and radar chart connection drawing function through the visualization engine to visualize the fused second information on the WEB browser page through a radar chart extended by a connection line, so as to realize the display of a rich radar chart on the WEB browser page.

2. The WEB rich radar chart generation method of claim 1, wherein, The step of structuring the target information comprises: structuring the target information based on a pre-set data structure.

3. The WEB rich radar chart generation method of claim 2, wherein, The data structure comprises: the actual name of the information, the display name of the information, and the numerical value of the information.

4. The WEB rich radar chart generation method of claim 1, wherein, The step of dividing the structured information into first information and second information and fusing the first information and the second information respectively comprises: dividing the structured information into first information and second information based on pre-written and / or reusable conversion code, and fusing the first information and the second information respectively.

5. The WEB rich radar chart generation method of claim 1, wherein, The step of calling the radar chart drawing function and the rich text and radar chart connection drawing function through the visualization engine to visualize the fused first information and second information on the WEB browser page through a radar chart and a rich text extended by a connection line of the radar chart respectively comprises: visualizing the fused first information and second information through the visualization engine respectively; calling pre-written and / or reusable radar chart drawing functions and rich text and radar chart connection drawing functions through the visualization engine to visualize the visualized first information and second information on the WEB browser page through a radar chart and a rich text extended by a connection line of the radar chart respectively.

6. The WEB rich radar chart generation method of claim 4, wherein, The visualization engine adopts a D3 visualization engine, and the conversion code, the radar chart drawing function and the rich text and radar chart connection drawing function are written in javascript language.

7. The WEB radar chart generating method according to any one of claims 1 to 5, characterized by, The step of dividing the structured information into first information and second information and fusing the first information and the second information respectively comprises: dividing the structured information into first information, second information and third information, and fusing the first information, the second information and the third information respectively; After the step of visualizing the fused first information and second information on the WEB browser page through a radar chart and a rich text extended by a connection line of the radar chart respectively, the method further comprises: in response to the WEB browser page receiving user operation on a polygon vertex in the radar chart, displaying the fused third information corresponding to the vertex through a pop-up window; and / or, In response to the WEB browser page receiving user operation of expanding the rich text through the connection line of the radar chart, the third information after fusion corresponding to the rich text is displayed through a pop-up window.

8. A WEB rich radar chart generation apparatus characterized by comprising: The method comprises the steps of: a structured processing module, configured to perform structured processing on target information; a division and fusion module, configured to divide the information after structured processing into first information and second information, and perform fusion on the first information and the second information respectively; a visual display module, configured to call a radar chart drawing function and a rich text and radar chart connection line drawing function through a visual engine, and perform visual display of the first information after fusion and the second information after fusion through a radar chart and rich text extended through a connection line of the radar chart on a WEB browser page, comprising: calling the radar chart drawing function through the visual engine, and performing visual display of the first information after fusion through a radar chart on a WEB browser page; calling the rich text and radar chart connection line drawing function through the visual engine, and performing visual display of the second information after fusion through rich text extended through a connection line of the radar chart on a WEB browser page, so as to display a rich radar chart on the WEB browser page.

9. An electronic device comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, characterized in that, The processor executes the program to realize the steps of the WEB rich radar chart generation method according to any one of claims 1 to 7.

10. A non-transitory computer-readable storage medium having stored thereon a computer program, characterized in that, The computer program is executed by the processor to realize the steps of the WEB rich radar chart generation method according to any one of claims 1 to 7.

Images