CN110908649A - Detachable and combinable chart drawing method and system - Google Patents
Detachable and combinable chart drawing method and system Download PDFInfo
- Publication number
- CN110908649A CN110908649A CN201910973299.1A CN201910973299A CN110908649A CN 110908649 A CN110908649 A CN 110908649A CN 201910973299 A CN201910973299 A CN 201910973299A CN 110908649 A CN110908649 A CN 110908649A
- Authority
- CN
- China
- Prior art keywords
- chart
- combined
- dimension data
- components
- user
- 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.)
- Granted
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
Abstract
The technical scheme of the invention comprises a detachable and combined chart drawing method and a detachable and combined chart drawing system, which are used for realizing the following steps: reading multi-dimensional data generated by a game program, drawing one or more dimensional data into a chart and creating a corresponding component; displaying the drawn chart and the drawn components through the interactive interface, obviously identifying the chart and the components according to the position of a user cursor, and carrying out user-defined splitting and merging on the chart through the interactive interface. The invention has the beneficial effects that: the method has the advantages that the method has more independent and flexible capability when exploring the data relation, and when multi-dimensional data are related among different charts, program developers do not need to seek to modify program codes, and the results can be obtained by moving a mouse in the existing charts; the innovation subverts the traditional mode of generating and applying the chart, so that the user does not need to manually modify the program codes for generating the chart when the user generates the requirements of splitting and combining the chart.
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 developing a front-end technology stack, mainly comprises front-end program language JavaScript and markup description language HTML5, and also can be used for ActionScript in a browser plug-in form. The visual charts developed by the programs have the characteristics of dynamic interaction, such as supporting event feedback, supporting mouse operation and the like. At present, a plurality of series of graphs of a single polar coordinate system are made from the beginning or divided into a plurality of graphs to be drawn respectively. Once the drawing is completed, splitting and merging are not supported, and the chart codes need to be modified manually, so that the efficiency is low.
Disclosure of Invention
The invention provides a chart drawing method and system capable of being split and combined, which are used for solving the defects of 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, reading multi-dimensional data generated by a game program, drawing one or more dimensional data into a chart and creating a corresponding component; and S2, displaying the chart and the components drawn in the step S1 through the interactive interface, obviously identifying the chart and the components according to the position of a user cursor, and carrying out self-defined splitting and merging on the chart through the interactive interface.
According to the chart drawing method capable of being split and combined, the method specifically comprises the following steps: a step of combining charts, in which one or more drawn charts are combined according to a request of a user; and splitting the chart, namely splitting the chart comprising a plurality of dimension data into one or more combinations of charts with the number not more than the number of the dimensions according to the request.
According to the chart drawing method capable of splitting and merging, the splitting and merging steps specifically comprise: the step of merging the charts comprises: dragging one or more displayed graphs to a combined identification frame according to user operation based on the interactive interface, reading the combined graphs and components corresponding to the combined graphs by the combined identification frame, and generating corresponding combined graphs; the step of splitting the chart comprises: and displaying all the displayed components and dimension data of the combined chart based on the interactive interface, and separating the corresponding components and the dimension data thereof according to user operation to obtain a separated chart.
The method for drawing the detachable and combined chart, wherein the method further comprises the following steps: when the chart is split or merged, a user cursor is clicked and/or placed on the chart to be split, and components and operation thereof included in the chart are dynamically displayed.
According to the detachable and combinable chart drawing method, 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, and the components comprise dimension corresponding data and definitions thereof, and display and combination configuration of the dimension data.
According to the chart drawing method capable of being split and combined, 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 one of the methods, which comprises: the dimension data creating module is used for reading multi-dimension data generated by a 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, obviously identifying the chart and the components according to the position of a user cursor, and carrying out self-defined splitting and merging on the chart through the interactive interface.
The invention has the beneficial effects that: the method can more flexibly support the user to compare different series of data of the chart and discover the relation rule among the data; the user has more independent and flexible capability when exploring the data relation, and does not need to seek program developers to modify program codes when multi-dimensional data is associated among different charts, and the user can obtain a result by moving a mouse in the existing chart; the innovation subverts the traditional mode of generating and applying the chart, so that the user does not need to manually modify the program codes for generating the chart when the user generates the requirements of splitting and combining the chart.
Drawings
FIG. 1 shows a general flow diagram according to an embodiment of the invention.
FIG. 2 is a block diagram of a system according to an embodiment of the present invention.
FIG. 3 is a diagram illustrating splitting and merging according to an embodiment of the present invention.
Detailed Description
The conception, the specific structure and the technical effects of the present invention will be clearly and completely described in conjunction with the embodiments and the accompanying drawings to fully understand the objects, the schemes and the effects of the present invention.
FIG. 1 shows a general flow diagram according to an embodiment of the invention. As shown in fig. 1, the flow chart of the present invention includes the following schemes: s1, reading multi-dimensional data generated by a game program, drawing one or more dimensional data into a chart and creating a corresponding component; and S2, displaying the chart and the components drawn in the step S1 through the interactive interface, obviously identifying the chart and the components according to the position of a user cursor, and carrying out self-defined splitting and merging on the chart through the interactive interface.
FIG. 2 is a block diagram of a system according to an embodiment of the present invention. As shown in fig. 2, the system technical solution of the present invention includes: the dimension data creating module is used for reading multi-dimension data generated by a 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, obviously identifying the chart and the components according to the position of a user cursor, and carrying out self-defined splitting and merging on the chart through the interactive interface.
FIG. 3 is a diagram illustrating splitting and merging according to an embodiment of the present invention. As shown in fig. 3, the chart splitting and merging method of the present invention includes the following steps:
s31, reading the 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 one or more charts drawn according to a user' S request, wherein the S33 comprises the steps of, according to a user merging operation:
s3311, reading and displaying the component data;
s3312, according to clicking or placing the cursor, displaying the merging operation and the merging result graph on the interactive interface;
s3313, according to the user operation, executing corresponding one or more chart mergers;
and S3314, obtaining a combined chart.
The splitting specifically includes splitting a chart drawn by a plurality of dimensional data into a combination of one or more charts not greater than the number of dimensions, where S33 includes the following steps according to a user splitting operation:
s3321, reading and displaying the component data;
s3322, displaying the splitting operation and the splitting result graph on the interactive interface according to clicking or placing a cursor;
s3323, splitting the chart into one or more charts according to user operation;
and S3324, obtaining a combined and split chart.
The technical scheme of the invention further comprises the following steps: after the chart is drawn, when the user mouse moves to a dimension series chart component, the component gives a draggable style hint. At which point the user may drag the component to a location outside the area of the current chart for release. When the user starts dragging, the application of the invention can identify the area which currently supports dragging in real time. When the user finishes dragging, the identification of the draggable region is also finished at the same time. If the dragged area is empty, a new chart is generated, containing the dragged dimension data series. If the drag-in area is an existing chart, the series of dimensions in the drag will be merged into the chart.
The above description is only a preferred embodiment of the present invention, and the present invention is not limited to the above embodiment, and any modifications, equivalent substitutions, improvements, etc. within the spirit and principle of the present invention should be included in the protection scope of the present invention as long as the technical effects of the present invention are achieved by the same means. The invention is capable of other modifications and variations in its technical solution and/or its implementation, within the scope of protection of the invention.
Claims (7)
1. A chart drawing method capable of being split and combined is characterized by comprising the following steps:
s1, reading multi-dimensional data generated by a game program, drawing one or more dimensional data into a chart and creating a corresponding component;
and S2, displaying the chart and the components drawn in the step S1 through the interactive interface, obviously identifying the chart and the components according to the position of a user cursor, and carrying out self-defined splitting and merging on the chart through the interactive interface.
2. The method of claim 1, further comprising:
a step of combining charts, in which one or more drawn charts are combined according to a request of a user;
and splitting the chart, namely splitting the chart comprising a plurality of dimension data into one or more combinations of charts with the number not more than the number of the dimensions according to the request.
3. The method for detachable and foldable graph drawing according to claim 2, wherein the step of detachable and foldable includes:
the step of merging the charts comprises: dragging one or more displayed graphs to a combined identification frame according to user operation based on the interactive interface, reading the combined graphs and components corresponding to the combined graphs by the combined identification frame, and generating corresponding combined graphs;
the step of splitting the chart comprises: and displaying all the displayed components and dimension data of the combined chart based on the interactive interface, and separating the corresponding components and the dimension data thereof according to user operation to obtain a separated chart.
4. A method of detachable and combinable graph drawing according to claim 2 further comprising:
when the chart is split or merged, a user cursor is clicked and/or placed on the chart to be split, and components and operation thereof included in the chart are dynamically displayed.
5. The detachable and combinable graph plotting method of claim 1, wherein the step S1 specifically comprises:
one or more dimension data of a specified game program are collected, each dimension data is created into a corresponding component, and the components comprise dimension corresponding data and definitions thereof, and display and combination configuration of the dimension data.
6. A method for split and merge according to claim 5, wherein the dimension data is plotted in polar coordinates.
7. A detachable and combined chart-drawing system for performing the method of any of claims 1-6, the system comprising:
the dimension data creating module is used for reading multi-dimension data generated by a 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, obviously identifying the chart and the components according to the position of a user cursor, and carrying out self-defined splitting and merging on the chart through the interactive interface.
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 true CN110908649A (en) | 2020-03-24 |
CN110908649B 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) |
Cited By (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 (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040085317A1 (en) * | 2002-10-30 | 2004-05-06 | Web Information Technologies, 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 |
CN106354786A (en) * | 2016-08-23 | 2017-01-25 | 冯村 | Visual analysis method and system |
CN106371814A (en) * | 2015-07-23 | 2017-02-01 | 微软技术许可有限责任公司 | User interface tool for visible exploration of multi-dimensional data |
CN108491186A (en) * | 2018-03-23 | 2018-09-04 | 苏州爽爽信息科技有限公司 | A kind of method for capableing of quick software for editing |
CN109358851A (en) * | 2018-07-19 | 2019-02-19 | 平安科技(深圳)有限公司 | Creation method, device and the computer readable storage medium of chart components |
CN109471900A (en) * | 2018-11-15 | 2019-03-15 | 中译语通科技股份有限公司 | Chart class data self action data exchange method and system, computer program |
CN109710686A (en) * | 2018-12-27 | 2019-05-03 | 杭州火树科技有限公司 | The analysis system of visualization building chart |
US20190134511A1 (en) * | 2017-11-08 | 2019-05-09 | Take-Two Interactive Software, Inc. | System and method for session management in a multiplayer network gaming environment |
CN109800136A (en) * | 2018-12-06 | 2019-05-24 | 珠海西山居移动游戏科技有限公司 | A kind of long-range redis performance data method of sampling and its system |
CN109947857A (en) * | 2017-07-26 | 2019-06-28 | 北京国双科技有限公司 | Method for exhibiting data and device, storage medium, processor |
CN110196878A (en) * | 2019-06-20 | 2019-09-03 | 江苏亿友慧云软件股份有限公司 | A kind of data visualization stereo display method, display device and storage medium |
CN110297855A (en) * | 2019-05-22 | 2019-10-01 | 深圳壹账通智能科技有限公司 | Report Dynamic Display method, apparatus, computer equipment and storage medium |
-
2019
- 2019-10-14 CN CN201910973299.1A patent/CN110908649B/en active Active
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040085317A1 (en) * | 2002-10-30 | 2004-05-06 | Web Information Technologies, 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 |
CN106354786A (en) * | 2016-08-23 | 2017-01-25 | 冯村 | Visual analysis method and system |
CN109947857A (en) * | 2017-07-26 | 2019-06-28 | 北京国双科技有限公司 | Method for exhibiting data and device, storage medium, processor |
US20190134511A1 (en) * | 2017-11-08 | 2019-05-09 | 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 |
CN109358851A (en) * | 2018-07-19 | 2019-02-19 | 平安科技(深圳)有限公司 | Creation method, device and the computer readable storage medium of chart components |
CN109471900A (en) * | 2018-11-15 | 2019-03-15 | 中译语通科技股份有限公司 | Chart class data self action data exchange method and system, computer program |
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 |
Non-Patent Citations (2)
Title |
---|
MICROSOFT: "《在图表控件中复制、拆分和合并数据》", pages 1 - 2 * |
杨梦伦: "《基于图的RDF数据存储及查询方法的研究与实现》", pages 138 - 244 * |
Cited By (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 |
Also Published As
Publication number | Publication date |
---|---|
CN110908649B (en) | 2023-07-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101787588B1 (en) | Manipulating graphical objects | |
CN102830894B (en) | A kind of method and apparatus collecting webpage | |
WO2016015432A1 (en) | Page construction method, apparatus, system and device, and nonvolatile computer storage medium | |
Rivi et al. | In-situ visualization: State-of-the-art and some use cases | |
US20140380178A1 (en) | Displaying interactive charts on devices with limited resources | |
JP5936138B2 (en) | Apparatus and method for generating operation procedure manual | |
CN103597469A (en) | Live browser tooling in an integrated development environment | |
CN101587438A (en) | Graphic process template method for drafting under the ARP framework | |
CN102411614A (en) | Display Of Image Search Results | |
CN109918604A (en) | Page drawing method, apparatus, equipment and storage medium | |
CN111240669B (en) | Interface generation method and device, electronic equipment and computer storage medium | |
US20090271369A1 (en) | Computer method and system of visual representation of external source data in a virtual environment | |
Pick et al. | Design and evaluation of data annotation workflows for cave-like virtual environments | |
Heinrich et al. | Reusable awareness widgets for collaborative web applications–a non-invasive approach | |
CN110908649A (en) | Detachable and combinable chart drawing method and system | |
CN105468227A (en) | Method and apparatus for displaying information in webpage | |
CN111061478B (en) | Page form modification method, device and equipment and readable storage medium | |
CN113254016A (en) | Interface generation method, interface information processing method, equipment and storage medium | |
JP6131004B2 (en) | Object display method, program, and apparatus | |
CN117057318A (en) | Domain model generation method, device, equipment and storage medium | |
TW201523421A (en) | Determining images of article for extraction | |
CN116450021A (en) | Large screen building method, system, electronic equipment and storage medium | |
CN111782309B (en) | Method and device for displaying information and computer readable storage medium | |
US20180024817A1 (en) | Development Environment for Real-Time Application Development | |
CN112115680A (en) | Font splitting method and device, computer equipment and computer readable 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 |