CN109359154A - A method of visualization large-size screen monitors are configured based on pulling - Google Patents
A method of visualization large-size screen monitors are configured based on pulling Download PDFInfo
- Publication number
- CN109359154A CN109359154A CN201811124215.9A CN201811124215A CN109359154A CN 109359154 A CN109359154 A CN 109359154A CN 201811124215 A CN201811124215 A CN 201811124215A CN 109359154 A CN109359154 A CN 109359154A
- Authority
- CN
- China
- Prior art keywords
- chart
- basic
- basic chart
- viewable area
- screen monitors
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
- Digital Computer Display Output (AREA)
Abstract
The invention discloses a kind of based on the method for pulling configuration visualization large-size screen monitors.The present invention comprises the following specific steps that: step (1) constructs basic chart, and step (2) establishes viewable area and configures the viewable area size；Step (3) by basic graph choice that step (1) is established and is dragged to the suitable position of viewable area, renders Visual Chart.The invention enables the building of visualization large-size screen monitors is no longer cumbersome, time-consuming, only the basic chart having had been built up need to be dragged.The present invention enables to different large-size screen monitors that can share the basic chart having had been built up；The method of the present invention is easy to operate, directly pulls.
Description
Technical field
The invention belongs to big datas to visualize field, be a kind of based on the method for pulling configuration visualization large-size screen monitors.
Background technique
Shown in current big data visualization field large-size screen monitors be a kind of display data one of most effective means, but large-size screen monitors
Building it is often and its time-consuming, cumbersome.
Building currently for large-size screen monitors is general there is several methods that including:
1. being belonged to by dividing different every kind of functional area configuration datas of functional area, the corresponding pattern of configuration and layout etc.
Property constructed, this method building large-size screen monitors method configures a functional area every time and requires configuration data, modification pattern, repairs
Change and is laid out very cumbersome time-consuming and configured functional area can not be reused.
2. this method building large-size screen monitors do not have reusability more, often by determining content direct construction large-size screen monitors
One large-size screen monitors of every building just need to write different Html code and background service code, more time-consuming, laborious.
Summary of the invention
Present invention is primarily intended to be directed to the deficiency of present technology, provide a kind of based on the side for pulling configuration visualization large-size screen monitors
Method.
The technical solution adopted by the present invention to solve the technical problems comprises the following specific steps that:
Step (1) constructs basic chart, and specific structure figures statistical tables and reports table is as follows:
1. selecting the type, including cake chart, histogram, Sang Jitu etc. of basic chart；
Data source needed for 2. configuration constructs basic chart, such as: MySql, Oracle, JSON；
3. configuring the essential attribute of basic chart, width, height such as histogram, pie radius of graph etc.
4. the basic chart completed to configuration establishes unique identifier ID, and saves the relevant information of basic chart to counting
According to library；Relevant information includes data source needed for the type of basic chart, basic chart, the essential attribute and foundation drawing of basic chart
The ID of table；
Step (2) establishes viewable area and configures the viewable area size；
Step (3) by basic graph choice that step (1) is established and is dragged to the suitable position of viewable area, wash with watercolours
Contaminate Visual Chart；Basic chart pulls rendering, and specific step is as follows:
The basic chart of 3-1. monitoring chooses dragging event, to obtain the unique identifier of dragged basic chart
ID；
After the basis 3-2. chart is dragged to viewable area inside, the position of current mouse pointer in viewable area is obtained
(X, Y) constructs the dom node for being able to carry out dragging and scaling at position (X, Y)；
3-3. obtains the relevant information of basic chart from database according to the unique identifier ID of basic chart to render
Chart；
The dom node that 3-4. is pulled, scaling step 3-2 is generated, so that the basis chart more agrees with the displaying of large-size screen monitors.
The present invention has the beneficial effect that:
(1) building for visualizing large-size screen monitors is no longer cumbersome, time-consuming, need to only drag the basic chart having had been built up
(2) present invention enables to different large-size screen monitors that can share the basic chart having had been built up；
(3) the method for the present invention is easy to operate, directly pulls.
Specific embodiment
Below with reference to embodiment, the invention will be further described.
A method of visualization large-size screen monitors being configured based on pulling, are comprised the following specific steps that:
Step (1) constructs basic chart, and specific structure figures statistical tables and reports table is as follows:
1. selecting the type, including cake chart, histogram, Sang Jitu etc. of basic chart；
Data source needed for 2. configuration constructs basic chart, such as: MySql, Oracle, JSON；
3. configuring the essential attribute of basic chart, width, height such as histogram, pie radius of graph etc.
4. the basic chart completed to configuration establishes unique identifier ID, and saves the relevant information of basic chart to counting
According to library；Relevant information includes data source needed for the type of basic chart, basic chart, the essential attribute and foundation drawing of basic chart
The ID of table；
Step (2) establishes viewable area and configures the viewable area size；
Step (3) by basic graph choice that step (1) is established and is dragged to the suitable position of viewable area, wash with watercolours
Contaminate Visual Chart；Basic chart pulls rendering, and specific step is as follows:
The basic chart of 3-1. monitoring chooses dragging event, to obtain the unique identifier of dragged basic chart
ID；
After the basis 3-2. chart is dragged to viewable area inside, the position of current mouse pointer in viewable area is obtained
(X, Y) constructs the dom node for being able to carry out dragging and scaling at position (X, Y)；
3-3. obtains the relevant information of basic chart from database according to the unique identifier ID of basic chart to render
Chart；
The dom node that 3-4. is pulled, scaling step 3-2 is generated, so that the basis chart more agrees with the displaying of large-size screen monitors.
Claims (1)
1. a kind of based on the method for pulling configuration visualization large-size screen monitors, it is characterised in that include the following steps:
Step (1) constructs basic chart, and specific structure figures statistical tables and reports table is as follows:
1. selecting the type of basic chart, including cake chart, histogram, Sang Jitu；
Data source needed for 2. configuration constructs basic chart, including MySql, Oracle, JSON；
3. configuring the essential attribute of basic chart, width and high, pie radius of graph including histogram；
4. the basic chart completed to configuration establishes unique identifier ID, and saves the relevant information of basic chart to database；
Relevant information includes data source needed for the type of basic chart, basic chart, the essential attribute of basic chart and basic chart
ID；
Step (2) establishes viewable area and configures the viewable area size；
Step (3) by basic graph choice that step (1) is established and is dragged to the suitable position of viewable area, and rendering can
Depending on changing chart；Basic chart pulls rendering, and specific step is as follows:
The basic chart of 3-1. monitoring chooses dragging event, to obtain the unique identifier ID of dragged basic chart；
After the basis 3-2. chart is dragged to viewable area inside, obtain viewable area in current mouse pointer position (X,
Y), the dom node for being able to carry out dragging and scaling is constructed at position (X, Y)；
3-3. obtains the relevant information of basic chart from database according to the unique identifier ID of basic chart to render chart；
The dom node that 3-4. is pulled, scaling step 3-2 is generated, so that the basis chart more agrees with the displaying of large-size screen monitors.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811124215.9A CN109359154A (en) | 2018-09-26 | 2018-09-26 | A method of visualization large-size screen monitors are configured based on pulling |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811124215.9A CN109359154A (en) | 2018-09-26 | 2018-09-26 | A method of visualization large-size screen monitors are configured based on pulling |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109359154A true CN109359154A (en) | 2019-02-19 |
Family
ID=65347677
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811124215.9A Pending CN109359154A (en) | 2018-09-26 | 2018-09-26 | A method of visualization large-size screen monitors are configured based on pulling |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109359154A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110321679A (en) * | 2019-06-25 | 2019-10-11 | 广州嘉为科技有限公司 | A kind of O&M method pulling configuration visualization screen |
| CN111563369A (en) * | 2020-05-11 | 2020-08-21 | 中冶赛迪重庆信息技术有限公司 | Screen visualization method and device, electronic equipment and medium |
| CN112560422A (en) * | 2020-12-10 | 2021-03-26 | 北京煜邦电力技术股份有限公司 | Chart processing method, device, equipment and medium |
| US11908049B2 (en) | 2020-12-26 | 2024-02-20 | Beijing Zhongxiangying Technology Co., Ltd. | Data processing device and method, electronic apparatus for data visualization |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107330053A (en) * | 2017-06-27 | 2017-11-07 | 北京天机数测数据科技有限公司 | The visual design device and data large-size screen monitors preparation method based on ReactJS |
| CN107844297A (en) * | 2017-10-17 | 2018-03-27 | 广东广业开元科技有限公司 | A kind of data visualization realizes system and method |
| CN108256126A (en) * | 2018-02-28 | 2018-07-06 | 成都康赛信息技术有限公司 | Visualize the data configuration method of data large-size screen monitors |
| CN108255969A (en) * | 2017-12-26 | 2018-07-06 | 平安科技（深圳）有限公司 | Visual Chart method for implementing page, device, terminal device and storage medium |
-
2018
- 2018-09-26 CN CN201811124215.9A patent/CN109359154A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107330053A (en) * | 2017-06-27 | 2017-11-07 | 北京天机数测数据科技有限公司 | The visual design device and data large-size screen monitors preparation method based on ReactJS |
| CN107844297A (en) * | 2017-10-17 | 2018-03-27 | 广东广业开元科技有限公司 | A kind of data visualization realizes system and method |
| CN108255969A (en) * | 2017-12-26 | 2018-07-06 | 平安科技（深圳）有限公司 | Visual Chart method for implementing page, device, terminal device and storage medium |
| CN108256126A (en) * | 2018-02-28 | 2018-07-06 | 成都康赛信息技术有限公司 | Visualize the data configuration method of data large-size screen monitors |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110321679A (en) * | 2019-06-25 | 2019-10-11 | 广州嘉为科技有限公司 | A kind of O&M method pulling configuration visualization screen |
| CN111563369A (en) * | 2020-05-11 | 2020-08-21 | 中冶赛迪重庆信息技术有限公司 | Screen visualization method and device, electronic equipment and medium |
| CN112560422A (en) * | 2020-12-10 | 2021-03-26 | 北京煜邦电力技术股份有限公司 | Chart processing method, device, equipment and medium |
| US11908049B2 (en) | 2020-12-26 | 2024-02-20 | Beijing Zhongxiangying Technology Co., Ltd. | Data processing device and method, electronic apparatus for data visualization |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109359154A (en) | A method of visualization large-size screen monitors are configured based on pulling | |
| CN106354760B (en) | Multiple view space-time data method for visualizing and application based on deformable statistical map | |
| JP7189174B2 (en) | Method and computer readable storage medium for generating and displaying graphical trend symbols for process control systems | |
| CN102394778B (en) | The display methods and device of network topology | |
| CN110086665A (en) | A kind of network topological diagram methods of exhibiting based on jTopo | |
| JP2005202967A5 (en) | ||
| CN105760401B (en) | Report data exchange method and system based on mobile terminal | |
| CN102006193A (en) | Automatic layout method for network topology in SNMP (simple network management protocol) network management system | |
| JP2012113746A (en) | Apparatus for collectively storing area selected in image and apparatus for generating document of image information | |
| Trame et al. | Exploring the lineage of volunteered geographic information with heat maps | |
| CN108717356B (en) | Metering holographic visual display method and device | |
| CN102567570A (en) | Method for plane display of configurable machine room layouts | |
| CN102937896A (en) | Method for dynamically presenting two-dimensional spatial data by using color mapping technology in scalable vector graphics (SVG) | |
| CN105389073A (en) | Desktop icon display system and method | |
| CN108255964B (en) | Method for displaying process flow route | |
| CN103809954B (en) | Method and device for realizing interface element selection | |
| CN106528997B (en) | Method for drawing regional particle hourly concentration distribution map | |
| CN113448476B (en) | Interactive display method of multi-target sign | |
| CN111078092A (en) | Station yard graph drawing method and device | |
| US20150178339A1 (en) | Interactive multi-dimensional nested table supporting scalable real-time querying of large data volumes | |
| CN108234205B (en) | Network topology structure and information presentation method thereof | |
| CN116245319A (en) | Method and assembly for visual batch scheduling and production of web page end | |
| CN104462676A (en) | Method and CAD system for judging part design change based on CAD platform | |
| CN108287908A (en) | A kind of data visualisation system based on Cartographic Technique | |
| CN109062772A (en) | The implementation method and cluster index warning system of cluster index alarm |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190219 |
|
| RJ01 | Rejection of invention patent application after publication |