CN110908649B - Detachable and combinable chart drawing method and system - Google Patents
Detachable and combinable chart drawing method and system Download PDFInfo
- Publication number
- CN110908649B CN110908649B CN201910973299.1A CN201910973299A CN110908649B CN 110908649 B CN110908649 B CN 110908649B CN 201910973299 A CN201910973299 A CN 201910973299A CN 110908649 B CN110908649 B CN 110908649B
- Authority
- CN
- China
- Prior art keywords
- chart
- components
- merging
- splitting
- charts
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
The technical scheme of the invention comprises a detachable and combined chart drawing method and a system, which are used for realizing: reading multi-dimensional data generated by a game program, drawing one or more dimensional data into a chart and creating corresponding components; and displaying the drawn chart and the components through the interactive interface, performing remarkable identification on the chart and the components according to the position of a cursor of a user, and performing self-defined splitting and merging on the chart through the interactive interface. The beneficial effects of the invention are as follows: the method has the advantages that the method has more autonomous and flexible capability when the data relation is explored, program codes are not required to be modified by a program developer when multidimensional data are associated between different charts, and a result can be obtained by moving a mouse in the existing charts; the innovation overturns the traditional mode of generating and applying the chart, so that when the user generates the demands of splitting and merging the chart, the program code for generating the chart does not need to be manually modified.
Description
Technical Field
The invention relates to a detachable and combined chart drawing method and system, and belongs to the field of computer data visualization.
Background
The WEB online data visualization is formed by front-end technology stack development, mainly comprising front-end program language JavaScript and markup description language HTML5, and can also be used for ActionScript in browser plug-in form. The visual charts developed by these programs have dynamic interactive characteristics, such as supporting event feedback, supporting mouse operations, etc. Visualization of multi-dimensional data, the current practice is to make multiple series of single polar coordinate system charts from the beginning or to divide the charts into multiple charts for drawing respectively. Once the drawing is completed, splitting and merging are not supported, and the chart code needs to be manually modified, so that the efficiency is low.
Disclosure of Invention
The invention provides a detachable and combined chart drawing method and system, which are used for solving the defects in the prior art.
The technical scheme of the invention comprises a detachable and combined chart drawing method, which is characterized by comprising the following steps: s1, multi-dimensional data generated by a game program are read, one or more pieces of dimensional data are drawn into a chart, and corresponding components are created; s2, displaying the graph and the components drawn in the step S1 through an interactive interface, performing remarkable identification on the graph and the components according to the position of a user cursor, and performing self-defined splitting and merging on the graph through the interactive interface.
According to the detachable and combined chart drawing method, the method specifically comprises the following steps: combining the graphs, namely combining one or more graphs drawn according to the request of a user; splitting the chart into one or more chart combinations with no more than the number of dimensions according to the request.
The method for drawing the detachable and combined chart comprises the following steps: the step of merging the charts includes: dragging one or more displayed graphs to a merging identification frame based on the interactive interface according to user operation, and reading the merging graph and corresponding components thereof by the merging identification frame to generate a corresponding combined graph; the step of splitting the chart comprises the following steps: and all the component assemblies and the dimension data of the displayed combined chart are displayed based on the interactive interface, and the corresponding assembly and the dimension data thereof are separated according to user operation, so that a separated chart is obtained.
The detachable and combined chart drawing method, wherein the method further comprises the following steps: when splitting or merging the charts, when clicking and/or placing a user cursor on the chart to be split, dynamically displaying the components and the operations of the components included in the chart.
The detachable and combined chart drawing method according to the present invention, wherein the step S1 specifically includes: one or more dimension data of a specified game program are collected, each dimension data is created into a corresponding component, the component comprises dimension corresponding data and definition thereof, and the component comprises display of the dimension data and combination configuration thereof.
According to the detachable and combined chart drawing method, the drawing mode of the dimension data is polar coordinate drawing.
The technical scheme of the invention also comprises a detachable and combined chart drawing system of any of the methods, which comprises the following components: the dimension data creation module is used for reading the multi-dimension data generated by the game program, drawing one or more dimension data into a chart and creating a corresponding component; and the chart editing and displaying module is used for displaying the chart and the components drawn by the dimension data creating module through an interactive interface, carrying out remarkable identification on the chart and the components according to the position of a user cursor, and carrying out custom splitting and merging on the chart through the interactive interface.
The beneficial effects of the invention are as follows: the method has the advantages that a user is more flexibly supported to compare different series of data of the chart, and a relationship rule among the data is found; the user has more autonomous and flexible capability when exploring the data relationship, and the user can obtain the result by moving the mouse in the existing chart without searching the program developer to modify the program codes when associating the multidimensional data among different charts; the innovation overturns the traditional mode of generating and applying the chart, so that when the user generates the demands of splitting and merging the chart, the program code for generating the chart does not need to be manually modified.
Drawings
Fig. 1 shows a general flow chart according to an embodiment of the invention.
Fig. 2 is a system block diagram according to an embodiment of the present invention.
FIG. 3 is a diagram illustrating graph splitting and merging according to an embodiment of the present invention.
Detailed Description
The conception, specific structure, and technical effects produced by the present invention will be clearly and completely described below with reference to the embodiments and the drawings to fully understand the objects, aspects, and effects of the present invention.
Fig. 1 shows a general flow chart according to an embodiment of the invention. As shown in fig. 1, the flow chart of the present invention includes the following schemes: s1, multi-dimensional data generated by a game program are read, one or more pieces of dimensional data are drawn into a chart, and corresponding components are created; s2, displaying the graph and the components drawn in the step S1 through an interactive interface, performing remarkable identification on the graph and the components according to the position of a user cursor, and performing self-defined splitting and merging on the graph through the interactive interface.
Fig. 2 is a system block diagram according to an embodiment of the present invention. As shown in fig. 2, the system technical scheme of the present invention includes: the dimension data creation module is used for reading the multi-dimension data generated by the game program, drawing one or more dimension data into a chart and creating a corresponding component; and the chart editing and displaying module is used for displaying the chart and the components drawn by the dimension data creating module through an interactive interface, carrying out remarkable identification on the chart and the components according to the position of a user cursor, and carrying out custom splitting and merging on the chart through the interactive interface.
FIG. 3 is a diagram illustrating graph splitting and merging according to an embodiment of the present invention. As shown in fig. 3, the chart splitting and merging of the present invention includes the following procedures:
s31, reading multi-dimensional data of the game program, and creating the dimensional data;
s32, displaying the created dimension data through an interactive interface;
s33, identifying user operation, wherein the operation comprises splitting and merging;
wherein the step of merging charts combines the drawn one or more charts according to a request of the user, wherein S33 includes the steps of:
s3311, reading and displaying the component data;
s3312, displaying merging operation and a merging result diagram on the interactive interface according to clicking or placing a cursor;
s3313, executing corresponding one or more chart merging according to the user operation;
s3314, a combined graph is obtained.
The splitting specifically comprises splitting a chart drawn by a plurality of dimension data into a combination of one or more charts with the number of the dimension not larger than the number of the dimension, wherein the step S33 comprises the following steps according to the splitting operation of a user:
s3321, reading and displaying the component data;
s3322, displaying a splitting operation and a splitting result diagram on the interactive interface according to clicking or placing a cursor;
s3323, splitting the chart into one or more charts according to user operation;
s3324, obtaining a graph of the combination split.
The technical scheme of the invention further comprises the following steps: after chart drawing, when the user mouse moves to a certain dimension series chart component, the component gives a draggable style prompt. At which point the user may drag the component to release where it is outside the current chart area. When a user starts dragging, the application of the invention can identify the area currently supporting dragging in real time. When the user finishes dragging, the identification of the draggable area is also finished at the same time. If the dragged-in area is empty, a new chart will be generated containing the dragged-in series of dimensional data. If the dragged-in region is a certain existing chart, the series of dimensions in the drag will be incorporated into the chart.
The present invention is not limited to the above embodiments, but can be modified, equivalent, improved, etc. by the same means to achieve the technical effects of the present invention, which are included in the spirit and principle of the present invention. Various modifications and variations are possible in the technical solution and/or in the embodiments within the scope of the invention.
Claims (4)
1. A detachable and combinable chart drawing method, the method comprising the steps of:
s1, multi-dimensional data generated by a game program are read, one or more dimensional data are drawn into a chart and corresponding components are created, the method specifically comprises the steps of collecting one or more dimensional data of the designated game program, creating the corresponding components by each dimensional data, wherein the components comprise dimensional corresponding data and definition thereof, and display and merging configuration of the dimensional data;
s2, showing the graphs and the components drawn in the step S1 through an interactive interface, carrying out remarkable identification on the graphs and the components according to the position of a user cursor, and carrying out self-defined splitting and merging on the graphs through the interactive interface, wherein merging the graphs comprises combining one or more drawn graphs according to a user request, specifically comprises dragging the one or more shown graphs to a merging identification frame according to user operation based on the interactive interface, reading the merged graphs and the corresponding components thereof by the merging identification frame, and generating a corresponding combined graph; splitting the chart comprises splitting the chart drawn by the plurality of dimensional data into one or more chart combinations not larger than the number of dimensions according to the request, and particularly comprises the steps of completely displaying the composition components of the displayed combined chart and the dimensional data thereof based on the interactive interface, and separating the corresponding components and the dimensional data thereof according to user operation to obtain a separated chart.
2. The detachable and combinable chart drawing method of claim 1, further comprising:
when splitting or merging the charts, when clicking and/or placing a user cursor on the chart to be split, dynamically displaying the components and the operations of the components included in the chart.
3. The method for drawing a detachable and combined chart according to claim 1, wherein the drawing mode of the dimension data is polar coordinate drawing.
4. A detachable and integrated chart drawing system for performing the method of any of claims 1-3, the system comprising:
the dimension data creation module is used for reading multi-dimension data generated by the game program, drawing one or more dimension data into a chart and creating corresponding components, and specifically comprises the steps of collecting one or more dimension data of the designated game program, creating the corresponding components by each dimension data, wherein the components comprise dimension corresponding data and definition thereof, and display and merging configuration of the dimension data;
the chart editing display module is used for displaying charts and components drawn by the dimension data creation module through an interactive interface, carrying out remarkable identification on the charts and the components according to the position of a user cursor, and carrying out self-defined splitting and merging on the charts through the interactive interface, wherein merging charts comprises combining one or more charts drawn according to a user request, and concretely comprises dragging the displayed charts to a merging identification frame according to a user operation based on the interactive interface, reading the merged charts and the corresponding components thereof by the merging identification frame, and generating a corresponding combined chart; splitting the chart comprises splitting the chart drawn by the plurality of dimensional data into one or more chart combinations not larger than the number of dimensions according to the request, and particularly comprises the steps of completely displaying the composition components of the displayed combined chart and the dimensional data thereof based on the interactive interface, and separating the corresponding components and the dimensional data thereof according to user operation to obtain a separated chart.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910973299.1A CN110908649B (en) | 2019-10-14 | 2019-10-14 | Detachable and combinable chart drawing method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910973299.1A CN110908649B (en) | 2019-10-14 | 2019-10-14 | Detachable and combinable chart drawing method and system |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110908649A CN110908649A (en) | 2020-03-24 |
| CN110908649B true CN110908649B (en) | 2023-07-04 |
Family
ID=69815135
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910973299.1A Active CN110908649B (en) | 2019-10-14 | 2019-10-14 | Detachable and combinable chart drawing method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110908649B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112183042A (en) * | 2020-10-26 | 2021-01-05 | 山东云缦智能科技有限公司 | Html-based processing method for table visualization editing function |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106354786A (en) * | 2016-08-23 | 2017-01-25 | 冯村 | Visual analysis method and system |
| CN109358851A (en) * | 2018-07-19 | 2019-02-19 | 平安科技（深圳）有限公司 | Creation method, device and the computer readable storage medium of chart components |
Family Cites Families (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6977654B2 (en) * | 2002-10-30 | 2005-12-20 | Iviz, Inc. | Data visualization with animated speedometer dial charts |
| US20140164285A1 (en) * | 2012-12-06 | 2014-06-12 | Pellucid Analytics, Lp | System and Method for the Creation, Review and Revision of Investment Banking Materials |
| CN106371814A (en) * | 2015-07-23 | 2017-02-01 | 微软技术许可有限责任公司 | User interface tool for visible exploration of multi-dimensional data |
| CN109947857A (en) * | 2017-07-26 | 2019-06-28 | 北京国双科技有限公司 | Method for exhibiting data and device, storage medium, processor |
| US10814233B2 (en) * | 2017-11-08 | 2020-10-27 | Take-Two Interactive Software, Inc. | System and method for session management in a multiplayer network gaming environment |
| CN108491186A (en) * | 2018-03-23 | 2018-09-04 | 苏州爽爽信息科技有限公司 | A kind of method for capableing of quick software for editing |
| CN109471900B (en) * | 2018-11-15 | 2021-10-15 | 中译语通科技股份有限公司 | Interaction method and system for chart data custom action data |
| CN109800136A (en) * | 2018-12-06 | 2019-05-24 | 珠海西山居移动游戏科技有限公司 | A kind of long-range redis performance data method of sampling and its system |
| CN109710686A (en) * | 2018-12-27 | 2019-05-03 | 杭州火树科技有限公司 | The analysis system of visualization building chart |
| CN110297855A (en) * | 2019-05-22 | 2019-10-01 | 深圳壹账通智能科技有限公司 | Report Dynamic Display method, apparatus, computer equipment and storage medium |
| CN110196878A (en) * | 2019-06-20 | 2019-09-03 | 江苏亿友慧云软件股份有限公司 | A kind of data visualization stereo display method, display device and storage medium |
-
2019
- 2019-10-14 CN CN201910973299.1A patent/CN110908649B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106354786A (en) * | 2016-08-23 | 2017-01-25 | 冯村 | Visual analysis method and system |
| CN109358851A (en) * | 2018-07-19 | 2019-02-19 | 平安科技（深圳）有限公司 | Creation method, device and the computer readable storage medium of chart components |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110908649A (en) | 2020-03-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102915237B (en) | The method and system of rewrite data quality rule is required according to user application | |
| WO2023045862A1 (en) | Application page development method and apparatus, and system, computing device and storage medium | |
| WO2022048316A1 (en) | Method and apparatus for designing front-end page, storage medium, and device | |
| KR101382703B1 (en) | Interaction method and system for unifying augmented reality technology and big data | |
| US10049095B2 (en) | In-context editing of output presentations via automatic pattern detection | |
| CN111240669B (en) | Interface generation method and device, electronic equipment and computer storage medium | |
| CN111367514B (en) | Page card development method and device, computing device and storage medium | |
| JP2015005010A (en) | Device and method for generating operation procedure manual | |
| Pick et al. | Design and evaluation of data annotation workflows for cave-like virtual environments | |
| Zhao et al. | Sketcholution: Interaction histories for sketching | |
| Gao et al. | Assistgui: Task-oriented desktop graphical user interface automation | |
| CN103279347B (en) | The synchronous method of a kind of general software product line domain model and application model | |
| CN112506766B (en) | Automatic generation method of interactive test case | |
| CN110908649B (en) | Detachable and combinable chart drawing method and system | |
| CN104053066B (en) | The method and device that a kind of video is got ready | |
| US10628526B2 (en) | Providing suggested diagrammatic representations of user entered textual information | |
| CN112667517A (en) | Method, device, equipment and storage medium for acquiring automatic test script | |
| CN116245052A (en) | Drawing migration method, device, equipment and storage medium | |
| CN113516490A (en) | Questionnaire report generation method and system, client and server | |
| CN113518187B (en) | Video editing method and device | |
| CN110471727A (en) | Method, apparatus, system and the storage medium of interaction hot-zone are created based on web terminal | |
| KR101572206B1 (en) | Tool for editor tool of camera motion frame using multimedia contents developing program, editing method for CMF and MOT file based on the same | |
| CN113254016A (en) | Interface generation method, interface information processing method, equipment and storage medium | |
| TW201523421A (en) | Determining images of article for extraction | |
| CN115469849B (en) | Service processing system, method, electronic equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |