CN109597613A - A kind of big screen display system and method for towed combination report - Google Patents
A kind of big screen display system and method for towed combination report Download PDFInfo
- Publication number
- CN109597613A CN109597613A CN201811560472.7A CN201811560472A CN109597613A CN 109597613 A CN109597613 A CN 109597613A CN 201811560472 A CN201811560472 A CN 201811560472A CN 109597613 A CN109597613 A CN 109597613A
- Authority
- CN
- China
- Prior art keywords
- data
- report
- module
- information
- 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.)
- Pending
Links
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)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a kind of towed combination report large-size screen monitors methods of exhibiting and system, including data acquisition, data conversion, graphical data conversion, group financial statements configuration, group financial statements show and etc..The method and system of invention can allow non-code development personnel quickly to develop the summation report launched in large-size screen monitors and realize and freely pull layout.
Description
Technical field
The invention belongs to field of computer technology, a kind of towed combination report based on browser is related in particular to
Big screen display system and method.
Background technique
In the large-size screen monitors currently built up or built, usually require to be adapted to the displaying of one or more large-size screen monitors
System, the report messages of multiple dimensions for showing current manager's concern.
There are two types of existing exhibition method is usual: 1. from data acquisition, the generation of report, graphic joining, using complete generation
The mode of code customization establishes the system of a completion to carry out the displaying of large-size screen monitors；Advantage is to use same style will be different
Report show that on large-size screen monitors, the disadvantage is that each change, requiring the code of system carrying out intrusive modification could be complete
At and system establish a large amount of additional works.2. being spliced different reports using large-size screen monitors control software, advantage is can be fast
The switching of speed, the disadvantage is that each report still needs individual customized development, the report of splicing, which has pattern stretching, leads to large-size screen monitors
In report pattern unsightly, and whole wind disunity.Due to problem above, current large-size screen monitors report display solution is all
Complete customized development is needed to be shown, the development cycle is long, while showing that content replacement is cumbersome.
Summary of the invention
The technical problem to be solved in the invention is the deficiency for existing display technique, is provided a kind of based on dynamic report
Table template, and it is dynamic comprehensive show template framework, realize and the dynamic configuration of data showed and dynamic combined is assembled
Show system and technical method.
Specifically, the invention adopts the following technical scheme:
A kind of large-size screen monitors methods of exhibiting of towed combination report, which is characterized in that the described method comprises the following steps: 1) data obtain
Take: by browser option and installment data origin information, the data that will acquire are converted in platform interior can identify user
Hold, and keeps in memory；2) data conversion: according to the good data conversion rule of user configuration, by temporary number in memory
According to the data for carrying out being converted into group financial statements needs；3) graphical data is converted: user's selection is for needed for initial graphics
The conceptual data wanted, and select for initializing detailed data dimension and chart style required for figure, and according to totality
Data and user select the data dimension shown and chart style to generate visual report；4) group financial statements configure: creation one
A bottom painting canvas calls configured report pattern information, chooses visual report pattern, distributes the position of selected figure
It sets, figure is showed on the painting canvas created, and each figure showed is carried out to pull displacement and scaling adjustment；5) comprehensive
Report is shown: user realizes and shows to the uniform zoom of whole report according to resolution ratio and the size of current browser.
Wherein in step 1), the step of data acquisition includes: that browser is responsible for the first number for configuring user on interface
It is believed that breath is transferred to server end, subsequent received server-side to information is configured according to the database in metadata, and use is multi-thread
Journey is connected in the database of opposite end, and last Spark distributed computing engine extracts initial data, and keeps in memory.
In addition in step 2, according to the configured data conversion rule of user, overall data process is drawn out in analysis
Flow direction, by convert task abstractdesription at orderly acyclic figure, which is decomposed into multiple processing stages by engine, each
Data to be processed needed for stage further can rationally resolve into multiple data processing tasks according to multiple dimension factors by engine；
Engine serializes encrypted transmission to multiple processing by remote procedure call mode, by each data processing task in each stage
Node, and multiple progresses of work are respectively started on each processing node, it is used for actual data processing, each progress of work to be only
It is responsible for one data processing task of processing；Progress of work unserializing data processing task obtains data source connection letter therein
Breath and mode read the data that engine distributes to the process, load data into memory；All data are in memory by engine
It is processed into a special object data set using unified abstract data structure, i.e. the object data set is a kind of strongly-typed collection
It closes, it can be used function or relevant operation and concurrently carries out the operation such as converting, and each object data set saves one simultaneously
The non-typed view of a description field information；It is loaded into after data, the progress of work carries out conversion process to data, and will place
Reason result returns to engine, and engine summarizes the information for collecting each progress of work, and then obtains the overall information of entire program；When
After all progress of work end of runs, by the storage of result data information into corresponding caching.
Further, in step 3), the data with existing source list stored in server is got, user clicks selection and comes
After source data, data transformation engine is by data summarization and passes to foreground caching；Field information required for being selected according to user,
By selected field information assignment into corresponding object, and object information is shown on interface with card form, then
According to corresponding dimension and numerical value number information, cooperate the graphics template of insertion, calculates the figure kind that can be revealed
Corresponding category flag is that can be selected by class, and by configuration, personnel are selected, and have finally selected the figure to be shown in user
After type, by precondition object encapsulation at the data structure of the condition of an entirety, it is stored in the slow of current page
In depositing；The corresponding enumerated value of the pattern class that condition acquisition of information is selected to user from caching, initializes figure
Pattern, and obtain corresponding graph data conversion method using enumerated value mapping, by the initial data assignment of storage to specifying
It is final that figure is shown on interface using the render method of react in the data attribute of axis and series, when user is true
Recognize after the figure meets business need and click save button, saves corresponding graph data and be transmitted to server, server
End stores data into database by mybatis frame.
Preferably, in step 4), the creation of bottom painting canvas includes directly creating a current screen using react frame
The canvas painting canvas of size, while creating the data information for describing the painting canvas.Further, after creating painting canvas, directly pass through
RESTFUL interface, calling get current all configured report pattern information lists, and being write based on html becomes card
Piece list is shown to foreground and is shown selection, and after the completion of selection, the list chosen is got corresponding report
Condition array, in the RESTFUL callback method of react, by corresponding condition information cache to current page
In.Further, it obtains after choosing figure number information, using two-dimentional bin packing algorithm, calculates the starting of current each figure
The height and width of coordinate bit and figure, and figure bottom is created in specified position based on the canvas of html5 using coordinate
Layer painting canvas, bottom painting canvas inherit the width and height of external painting canvas, and combine figure mapped condition information as report
What table generated enters ginseng, is multiplexed report generation graphical method, generates the figure of corresponding size, and in the painting canvas outside figure, adds
Add the interface that figure reloads.Further, react-draggable and react-resizable-box based on react
The dragging and scaled ability for realizing the painting canvas outside figure, when carrying out dragging or big minor change to each report pattern,
Before being added variation, after variation and whether variation comes into force monitorings, wherein be added before variation painting canvas minimum show, maximum displaying
Judgement is changed if being unsatisfactory for requiring and is not come into force, after graphic change, calculated using two-dimentional bin packing algorithm, for judging
There is report position to summarize and whether meet current canvas size, and the other graph positions being affected of adjustment, and is given birth in variation
After effect, then the calling interface for first figure being called to repaint, the figure after showing varying dimensions updates painting canvas in current cache
The attribute information array of upper report.
In addition, in step 5), when the user clicks when the full frame function of browser, according to the size of current browser, with
And preset resolution ratio configuration, the automatic scaling for calculating figure show whole frame uniform zoom.
Invention additionally discloses a kind of big screen display systems of towed combination report, which is characterized in that the system comprises
With lower module: 1) data acquisition module: utilizing the module, is able to use family and passes through browser option and installment data origin information,
The data that will acquire are converted to the content that platform interior can identify, and keep in memory；2) data conversion module: the module
It can be realized the data conversion rule good according to user configuration, temporary data in memory carried out being converted into group financial statements
The data needed；3) graphical data conversion module: the module includes data source capability module, data field processing module and figure
Shape generation module, by data source capability module, user's selection is for conceptual data required for initial graphics, data field
Processing module can allow user's selection for initializing detailed data dimension and chart style required for figure, and figure
Generation module can select the data dimension shown and chart style to generate visual report according to conceptual data and user；4)
Group financial statements configuration module: the module includes that bottom painting canvas creation module, figure adding module, pattern exhibition module, figure drag
Module is dragged, bottom painting canvas creation module is used to create a bottom painting canvas, and figure adding module is used to call configured report
Graphical information, pattern exhibition module are used to choose visual report pattern, distribute the position of selected figure, created
Painting canvas on show figure, figure pulls that module is used to carry out pulling displacement to each figure showed and scaling adjusts；5)
Group financial statements display module: the module allows users to the size according to resolution ratio and current browser, realizes to whole report
The uniform zoom of table is shown.
The utility model has the advantages that in large-size screen monitors report configuration system of the invention, completely without code development is carried out, do not need pair
Report data carries out detailed understanding, does not need the group financial statements system that customized development specifies large-size screen monitors.Entirely without programming experience
Operator can also go out corresponding large-size screen monitors group financial statements with rapid configuration, while reducing development cost, also be greatly improved
Large-size screen monitors report development efficiency.
Detailed description of the invention
Fig. 1 is the flow diagram of the method for the present invention；
Fig. 2 is the interface that data source information is created in one embodiment；
Fig. 3 is the interface that large-size screen monitors configure in one embodiment；
Fig. 4 is the interface that figure adds in one embodiment；
Fig. 5 is the interface display in one embodiment after the completion of large-size screen monitors configuration.
Specific embodiment
The present invention is directed to create a set of frame, which can allow non-code development personnel quickly to develop dispensing in large-size screen monitors
Group financial statements and realize and freely pull layout.The present invention be able to achieve data acquisition to report interface rapid configuration and management, from
Resolution interface, report dynamic combined and modification are defined, to realize the towed configuration using interface, completes data efficient
It is transformed into the displaying of large-size screen monitors.
The creation of frame includes data acquisition, data conversion, graphical data conversion, group financial statements configuration, group financial statements
Show 5 modules.After selecting corresponding initial data source, group financial statements are converted by data according to corresponding transformation rule
Required global database realizes that data turn the creation of graphics frame and carry out configuration on frame to can be completed report number
According to the report for generating target patterns, user can freely create painting canvas and dynamic adjustment figure, finally throw group financial statements intelligence
It penetrates and is shown on large-size screen monitors.
One, data acquisition module
User directly passes through browser option and installment data origin information, and the data that will acquire are converted to platform interior and can know
Other content.Browser metadata information (such as relevant database for being responsible for configuring user on interface first
Data information) it is transferred to server end；Subsequent received server-side is configured to information according to the database in metadata, is used
Multithreading is connected in the database of opposite end；Last Spark distributed computing engine extracts initial data, and keeps in memory
In.
Two, data conversion module
Realize the data that temporary initial data in memory is converted to group financial statements needs.When the good corresponding number of user configuration
After transformation rule, data conversion module, which can be analyzed, draws out overall data process flow direction, by convert task abstractdesription at 1
Orderly acyclic figure.Orderly acyclic figure can be decomposed into N number of processing stage by engine for this.Number to be processed needed for i-th of stage
According to meeting by engine according to multiple dimension factors, including but not limited to Data Physical is distributed, mathematical logic correlation, network connection speed
Degree, processing node computing resource etc., rationally resolves into Mi data processing task.Such a data translation tasks are by drawing
Latter M1+M2+ is co-existed in hold up to decompose ...+MN=S data processing task.Engine is by remote procedure call mode, by S
Data processing task serializes encrypted transmission to multiple processing nodes, and be respectively started on each processing node it is multiple work into
Journey is used for actual data processing.Each progress of work is only responsible for one data processing task of processing.Progress of work unserializing
Data processing task obtains data source connection information therein and mode, the data that engine distributes to the process is read, by data
It is loaded into memory.All data are processed into a special data set using unified abstract data structure by engine in memory
Object: the object data set is a kind of strongly-typed set, and function can be used in it or relevant operation is concurrently converted etc.
Operation.Each object data set saves the non-typed view of a description field information simultaneously.It is loaded into after data, work
Make process and a series of conversion process such as screening are filtered to data, and processing result is returned into engine.Engine summarizes collection
The information of each progress of work, and then obtain the overall information of entire program.After all progress of work end of runs, it can incite somebody to action
Result data information is stored into corresponding caching.
Three, graphical data conversion module
Graphical data conversion includes three modules, i.e. data source capability module, data field processing module (display, screening, figure
Shape dimension, numerical value, internal screening, chart style selection) and graph generation module.Data source capability module can allow user to select
For initializing conceptual data required for figure, data field processing module can allow user's selection for initializing figure institute
The detailed data dimension and chart style needed.Graph generation module selects the data dimension shown according to conceptual data and user
Degree and chart style, ultimately generate visual report.
1. data source selecting module: by RESTFUL interface, getting and store existing data source in server
List, transport packet include the mark title of data source, user-defined data specifying-information, data source mark ID.With
After selection derived data is clicked at family, the data transformation engine in frame by data summarization and passes to foreground, the member including data
Data information (field name, field type, field length) and specific data content.All data will be buffered in foreground
LocalStorage in, the basic information as several graph generation modules below.
2. data field processing module: the module can establish 5 numbers for field processing when interface initializes
According to object: field attribute object (type of title and field including field), graphic hotsopt precondition object (include
Figure dimension array, current index position, field name, field type, field alias), value object (include field name,
Field type, field alias calculate type and enumerate, enumerate including counting, non-repetition counting, ascending order, descending, average value, maximum value,
Minimum value), figure in screening object (include field name, field type, field alias, calculate type enumerate, enumerate including rise
Sequence, descending), graph style object.The module is write using js+css, has used the draggable technology that react is primary.It is first
First, after field information required for user has selected, module will pull in completion event corresponding, add the side of object value
Method by selected field information assignment into corresponding object, and object information is shown on interface with card form.So
Afterwards, module cooperates the graphics template being embedded in, calculating can be shown according to corresponding dimension and numerical value number information
Corresponding category flag is that can be selected by the pattern class come, and by configuration, personnel are selected.Finally select to want in user
After the pattern class of displaying, which at the data structure of the condition of an entirety, protects precondition object encapsulation
There are in the caching of current page.
3. graph generation module
The module is based on open source component echarts, the pattern class that condition acquisition of information is selected to user from caching
Corresponding enumerated value initializes the pattern of figure, and obtains corresponding graph data conversion method using enumerated value mapping, will deposit
It stores up in data attribute of the initial data assignment to specified axis and series of local, the final render for using react
Figure is shown on interface by method.After user confirms that the figure meets business need, and after clicking save button, the mould
Block saves corresponding graph data at json string (including title (not reproducible value), ID(unique index value), describes, configuration
Time and condition), server is transmitted to by RESTFUL interface, server end is by mybatis frame by data
It stores in database.
Four, group financial statements configuration module
Module and group financial statements browsing are pulled including bottom painting canvas creation module, figure adding module, pattern exhibition module, figure
Module.Configured figure can be selected to be presented on bottom painting canvas by group financial statements configuration module；Passing through business people
After the dragging adjustment (size and position) of member, finally graph position, size information are summarized and believed as specified data structure
Breath storage is completed to show whole group financial statements configuration into database.
1. bottom painting canvas creation module directly creates the canvas painting canvas of a current screen size using react frame,
The data information for describing the painting canvas is created simultaneously, and the height including painting canvas is wide, group financial statements title, and the block number that painting canvas is cut is (silent
Think that width is cut into 10 equal parts, be highly cut into 5 equal parts), attribute information array (report ID, the report of report on painting canvas
Table shows the starting point bit attribute of block, the block number of the height and width of painting canvas shared by report).
2. figure adding module directly passes through RESTFUL interface, calling gets current all configured reports
Graphical information (including report name, report ID, graph style, figure description) list, is write based on html as card column table,
It is shown to foreground and is shown selection.After the completion of selection, the id list that will be chosen is called RESTFUL interface, is got corresponding
Report condition array, in the RESTFUL callback method of react, by corresponding condition information cache to currently
In the page.
3. after figure number information is chosen in the acquisition of pattern exhibition module, using two-dimentional bin packing algorithm, calculating current each
The origin coordinates position of figure and the height and width of figure, and use coordinate based on the canvas of html5 in specified position
Create figure bottom painting canvas.Bottom painting canvas can inherit the width and height of external painting canvas, and combine figure ID mapped
Enter ginseng of the condition information as report generation, multiplexing report generation graphical method, the figure of the corresponding size of generation, and
In painting canvas outside figure, the interface that figure reloads is added.
4. figure pulls module, react-draggable and react-resizable-box based on react realize figure
The dragging and scaled ability of painting canvas outside shape.When carrying out dragging or big minor change to each report pattern, it is added and becomes
Before change, after variation, and change the monitoring that whether comes into force.Painting canvas minimum is added before variation and shows (cannot be less than current equal part
Block size), maximum shows (no more than canvas size) judgement, is such as unsatisfactory for this requirement, and variation does not come into force.Graphic change
Afterwards, it is calculated using two-dimentional bin packing algorithm, whether meets current canvas size for judging that all report positions are summarized, and
Adjust other graph positions being affected.After variation comes into force, the calling interface for first figure being called to repaint shows varying dimensions
Then figure afterwards updates the attribute information array of report on painting canvas in current cache.
Five, group financial statements are shown
According to the resolution ratio of user configuration and the size of current browser, realizes and the uniform zoom of whole report is shown.It should
Module gets all data informations of group financial statements using unique index, based on the ability of group financial statements configuration block, shields comprehensive
It closes the figure selecting module in report configuration and pulls module, corresponding report is shown on browser.It browses when the user clicks
When the full frame function of device, which configures according to the size and preset resolution ratio of current browser, automatic calculating figure
Scaling shows whole frame uniform zoom.
It is described in detail now with reference to technical solution of the specific embodiment to this paper.In order to which its thought is communicated to
Those skilled in the art provide these embodiments hereafter introduced as case.Therefore, these embodiments can be with
Implement in different forms, to be not limited to these embodiments described here.Moreover, in any possible place,
To make that the same or similar component is presented with like reference characters in the whole instruction and attached drawing.
Fig. 1 is the configuration flow figure that large-size screen monitors are shown, figure mainly describes to prepare data, and number required for large-size screen monitors configuration
After getting, how according to certain rule-based approach frame finally by pattern exhibition into large-size screen monitors.Fig. 1 shows whole one
Implementation process, the process are divided into two parts, are that the configuration of single report saves, and the configuration of corresponding large-size screen monitors saves respectively.
Whole implementation needs relevant hardware facility are as follows: two memories are higher than the server of 8G, and one is equipped with operating system and browsing
The PC machine of device, the software of preparation have database, tomcat, jdk.The implementation steps for how carrying out the two modules are described below.
It is the creation mode of single report in original large-size screen monitors first, first creates the data source information of a corresponding data,
One embodiment median surface is as shown in Figure 2.The report data source-information created will be needed to be saved in by mode shown in Fig. 2
In system, the details for the report that then selection needs to create, the information specifically needed is different as needed, and can also
To use different interfaces.After the specified report messages of selection, corresponding report creation is carried out, mode of operation can also be according to tool
The scheme of body and it is different.By mode of operation shown in above four figures, can be created that required for corresponding report
Corresponding metadata information is saved in the database of large-size screen monitors configuration system, uses when large-size screen monitors generate by metadata information.
When large-size screen monitors configure, infrastructure elements, including large-size screen monitors title and toolbar are generated in client first, it can in toolbar
To configure the title, full frame resolution ratio and the function of adding report of large-size screen monitors, as shown in figure 3, according to different situations, boundary
Different buttons, such as the buttons such as resolution ratio setting, resetting, preservation, newly-increased, refreshing can be set on face.Frame creation is completed
Afterwards, corresponding figure addition can be carried out, after adding specified figure, effect is as shown in Figure 4.Successively add other figures of needs
Shape, the drag function then being had using figure layer are completed the setting of whole size and location, it is as shown in Figure 5 to configure into effect.
After the completion of configuration, by corresponding interface by the way of replicating screen, launch onto large-size screen monitors.It is realized and is browsed by JavaScript
The full frame movement of device thus can directly launch configured report to above large-size screen monitors.
Embodiments of the present invention are described in detail above in conjunction with the drawings and specific embodiments, but the present invention is not
Be limited to above embodiment, technical field those of ordinary skill within the scope of knowledge, can also not depart from
It is made a variety of changes under the premise of present inventive concept.
Claims (10)
1. a kind of large-size screen monitors methods of exhibiting of towed combination report, which is characterized in that the described method comprises the following steps: 1) data
Obtain: for user by browser option and installment data origin information, the data that will acquire are converted to what platform interior can identify
Content, and keep in memory；2) it data conversion: according to the good data conversion rule of user configuration, will keep in memory
Data carry out the data for being converted into group financial statements needs；3) graphical data is converted: user's selection is used for initial graphics institute
The conceptual data needed, and select for initializing detailed data dimension and chart style required for figure, and according to total
Volume data and user select the data dimension shown and chart style to generate visual report；4) group financial statements configure: creation
One bottom painting canvas calls configured report pattern information, chooses visual report pattern, distributes selected figure
Position shows figure on the painting canvas created, and carries out pulling displacement and scaling adjustment to each figure showed；5) comprehensive
Close report to show: user realizes and shows to the uniform zoom of whole report according to resolution ratio and the size of current browser.
2. the large-size screen monitors methods of exhibiting of towed combination report as described in claim 1, which is characterized in that in step 1), number
It include: that the browser metadata information being responsible for configuring user on interface is transferred to server end according to the step of obtaining, then
Received server-side is configured according to the database in metadata, is connected in the database of opposite end using multithreading, most to information
Spark distributed computing engine extracts initial data afterwards, and keeps in memory.
3. the large-size screen monitors methods of exhibiting of towed combination report as described in claim 1, which is characterized in that in step 2, root
According to the configured data conversion rule of user, overall data process flow direction is drawn out in analysis, by convert task abstractdesription at
Orderly acyclic figure, the orderly acyclic figure are decomposed into multiple processing stages, data meeting quilt to be processed needed for each stage by engine
Engine further rationally resolves into multiple data processing tasks according to multiple dimension factors；Engine passes through remote procedure call side
Formula, by each data processing task serializing encrypted transmission in each stage to multiple processing nodes, and in each processing node
On multiple progresses of work are respectively started, be used for actual data processing, each progress of work only be responsible for processing one data processing
Task；Progress of work unserializing data processing task obtains data source connection information therein and mode, reads engine distribution
To the data of the process, load data into memory；All data use unified abstract data structure by engine in memory
Be processed into a special object data set, i.e. the object data set is a kind of strongly-typed set, it can be used function or
Relevant operation concurrently carries out the operation such as converting, and each object data set saves the non-type of a description field information simultaneously
The view of change；It is loaded into after data, the progress of work carries out conversion process to data, and processing result is returned to engine, engine
Summarize the information for collecting each progress of work, and then obtains the overall information of entire program；When all progresses of work run knot
Shu Hou, by the storage of result data information into corresponding caching.
4. the large-size screen monitors methods of exhibiting of towed combination report as described in claim 1, which is characterized in that in step 3), obtain
Get the data with existing source list stored in server, after user clicks selection derived data, data transformation engine is by data
Summarize and passes to foreground caching；According to user select required for field information, by selected field information assignment to pair
In the object answered, and object information is shown on interface with card form, is then believed according to corresponding dimension and numerical value number
Breath, cooperates the graphics template of insertion, calculates the pattern class that can be revealed, and is that can be chosen by corresponding category flag
In, by configuration, personnel are selected, finally after user has selected the pattern class to be shown, by precondition object encapsulation
At the data structure of the condition of an entirety, it is stored in the caching of current page；The condition information from caching
The corresponding enumerated value of pattern class for getting user's selection is initialized the pattern of figure, and is obtained using enumerated value mapping
Corresponding graph data conversion method, by the data attribute of the initial data assignment of storage to specified axis and series,
It is final that figure is shown on interface using the render method of react, when user confirms that the figure meets business need and point
It after hitting save button, saves corresponding graph data and is transmitted to server, server end deposits data by mybatis frame
It stores up in database.
5. the large-size screen monitors methods of exhibiting of towed combination report as described in claim 1, which is characterized in that in step 4), bottom
The creation of layer painting canvas includes the canvas painting canvas that a current screen size is directly created using react frame, while creation is retouched
State the data information of the painting canvas.
6. the large-size screen monitors methods of exhibiting of towed combination report as claimed in claim 5, which is characterized in that after creating painting canvas,
Directly by RESTFUL interface, calling gets current all configured report pattern information lists, is compiled based on html
It is write as card list, is shown to foreground and is shown selection, after the completion of selection, the list chosen is got into corresponding report
Condition array, in the RESTFUL callback method of react, by corresponding condition information cache to current page
In.
7. the large-size screen monitors methods of exhibiting of towed combination report as claimed in claim 6, which is characterized in that figure is chosen in acquisition
After number information, using two-dimentional bin packing algorithm, the current origin coordinates position of each figure and the height and width of figure are calculated,
And figure bottom painting canvas is created in specified position based on the canvas of html5 using coordinate, bottom painting canvas inherits external painting canvas
Width and height, and combine figure mapped condition information as report generation enter ginseng, multiplexing report generation figure
Shape method generates the figure of corresponding size, and in the painting canvas outside figure, the interface that addition figure reloads.
8. the large-size screen monitors methods of exhibiting of towed combination report as claimed in claim 7, which is characterized in that based on react's
React-draggable and react-resizable-box realizes the dragging and scaled ability of the painting canvas outside figure, right
Each report pattern pull or when big minor change, before being added variation, after variation and whether variation comes into force monitoring,
In be added before variation painting canvas minimum show, it is maximum show judgement, change if being unsatisfactory for requiring and do not come into force, after graphic change,
It is calculated using two-dimentional bin packing algorithm, whether meets current canvas size for judging that all report positions are summarized, and adjusted
Whole other graph positions being affected, and after variation comes into force, the calling interface for first figure being called to repaint shows variation
Then figure after size updates the attribute information array of report on painting canvas in current cache.
9. the large-size screen monitors methods of exhibiting of towed combination report as described in claim 1, which is characterized in that in step 5), when
When user clicks the full frame function of browser, configured according to the size of current browser and preset resolution ratio, it is automatic to calculate
The scaling of figure shows whole frame uniform zoom.
10. a kind of big screen display system of towed combination report, which is characterized in that the system comprises with lower module: 1) number
According to acquisition module: utilizing the module, be able to use family and pass through browser option and installment data origin information, the data that will acquire
The content that platform interior can identify is converted to, and is kept in memory；2) data conversion module: the module can be realized according to
Temporary data in memory are carried out the data for being converted into group financial statements needs by the configured data conversion rule in family；3)
Graphical data conversion module: the module includes data source capability module, data field processing module and graph generation module, is led to
Data source capability module is crossed, for user's selection for conceptual data required for initial graphics, data field processing module can
Allow user's selection for initializing detailed data dimension and chart style required for figure, and graph generation module can
The data dimension shown and chart style is selected to generate visual report according to conceptual data and user；4) group financial statements configure
Module: the module includes bottom painting canvas creation module, figure adding module, pattern exhibition module, figure dragging module, and bottom is drawn
Cloth creation module is used to create a bottom painting canvas, and figure adding module is used to call configured report pattern information, figure
Display module is used to choose visual report pattern, distributes the position of selected figure, shows on the painting canvas created
Figure, figure pull module and are used to carry out pulling displacement and scaling adjustment to each figure showed；5) group financial statements are shown
Module: the module allows users to the size according to resolution ratio and current browser, realizes the uniform zoom to whole report
It shows.
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711392985 | 2017-12-21 | ||
| CN2017113929857 | 2017-12-21 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109597613A true CN109597613A (en) | 2019-04-09 |
Family
ID=65964121
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811560472.7A Pending CN109597613A (en) | 2017-12-21 | 2018-12-20 | A kind of big screen display system and method for towed combination report |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109597613A (en) |
Cited By (11)
| 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 |
| CN110597586A (en) * | 2019-08-19 | 2019-12-20 | 北京邮电大学 | Method and device for large screen layout of componentized layout based on dragging |
| CN110647323A (en) * | 2019-09-17 | 2020-01-03 | 北京快威科创信息技术有限公司 | Code-free business application software development platform |
| CN110781252A (en) * | 2019-11-05 | 2020-02-11 | 安徽数据堂科技有限公司 | Intelligent data analysis visualization method based on big data |
| CN110851626A (en) * | 2019-11-05 | 2020-02-28 | 武汉联图时空信息科技有限公司 | Layer layout based time-space data visual analysis method and system |
| CN112561640A (en) * | 2020-12-15 | 2021-03-26 | 中国建设银行股份有限公司 | Commodity page template generation method and device, computer equipment and storage medium |
| CN113157779A (en) * | 2020-01-22 | 2021-07-23 | 北京沃东天骏信息技术有限公司 | Data chart generation method and device |
| CN113504902A (en) * | 2021-07-01 | 2021-10-15 | 中国汽车技术研究中心有限公司 | Industrial APP integrated development system and related equipment |
| CN114064772A (en) * | 2021-11-16 | 2022-02-18 | 深圳航天智慧城市系统技术研究院有限公司 | Multi-element data structure automatic conversion method and system for large-screen chart adaptation |
| CN114281445A (en) * | 2021-11-26 | 2022-04-05 | 华能酒泉风电有限责任公司 | Page display method and device, electronic equipment and storage medium |
| CN114860129A (en) * | 2022-05-09 | 2022-08-05 | 数研院(福建)信息产业发展有限公司 | Visual modeling method and system |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2008312165A (en) * | 2007-06-18 | 2008-12-25 | Ricoh Co Ltd | Image processing apparatus, information output method in the image processing apparatus and information output program |
| CN103778249A (en) * | 2014-02-18 | 2014-05-07 | 华为技术有限公司 | Report customization method and mobile terminal |
| CN106528514A (en) * | 2016-10-31 | 2017-03-22 | 山东鲁能软件技术有限公司 | Report generation system and method |
| CN107391467A (en) * | 2017-06-08 | 2017-11-24 | 北京小度信息科技有限公司 | Report component layout information processing method and processing device |
-
2018
- 2018-12-20 CN CN201811560472.7A patent/CN109597613A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2008312165A (en) * | 2007-06-18 | 2008-12-25 | Ricoh Co Ltd | Image processing apparatus, information output method in the image processing apparatus and information output program |
| CN103778249A (en) * | 2014-02-18 | 2014-05-07 | 华为技术有限公司 | Report customization method and mobile terminal |
| CN106528514A (en) * | 2016-10-31 | 2017-03-22 | 山东鲁能软件技术有限公司 | Report generation system and method |
| CN107391467A (en) * | 2017-06-08 | 2017-11-24 | 北京小度信息科技有限公司 | Report component layout information processing method and processing device |
Cited By (12)
| 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 |
| CN110597586A (en) * | 2019-08-19 | 2019-12-20 | 北京邮电大学 | Method and device for large screen layout of componentized layout based on dragging |
| CN110647323A (en) * | 2019-09-17 | 2020-01-03 | 北京快威科创信息技术有限公司 | Code-free business application software development platform |
| CN110781252A (en) * | 2019-11-05 | 2020-02-11 | 安徽数据堂科技有限公司 | Intelligent data analysis visualization method based on big data |
| CN110851626A (en) * | 2019-11-05 | 2020-02-28 | 武汉联图时空信息科技有限公司 | Layer layout based time-space data visual analysis method and system |
| CN110851626B (en) * | 2019-11-05 | 2022-08-26 | 武汉联图时空信息科技有限公司 | Layer layout based time-space data visual analysis method and system |
| CN113157779A (en) * | 2020-01-22 | 2021-07-23 | 北京沃东天骏信息技术有限公司 | Data chart generation method and device |
| CN112561640A (en) * | 2020-12-15 | 2021-03-26 | 中国建设银行股份有限公司 | Commodity page template generation method and device, computer equipment and storage medium |
| CN113504902A (en) * | 2021-07-01 | 2021-10-15 | 中国汽车技术研究中心有限公司 | Industrial APP integrated development system and related equipment |
| CN114064772A (en) * | 2021-11-16 | 2022-02-18 | 深圳航天智慧城市系统技术研究院有限公司 | Multi-element data structure automatic conversion method and system for large-screen chart adaptation |
| CN114281445A (en) * | 2021-11-26 | 2022-04-05 | 华能酒泉风电有限责任公司 | Page display method and device, electronic equipment and storage medium |
| CN114860129A (en) * | 2022-05-09 | 2022-08-05 | 数研院(福建)信息产业发展有限公司 | Visual modeling method and system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109597613A (en) | A kind of big screen display system and method for towed combination report | |
| US10853383B2 (en) | Interactive parallel coordinates visualizations | |
| US8560946B2 (en) | Timeline visualizations linked with other visualizations of data in a thin client | |
| CA2370973C (en) | Computer method and apparatus for creating visible graphics by using a graph algebra | |
| US11037342B1 (en) | Visualization modules for use within a framework for displaying interactive visualizations of event data | |
| US9892531B2 (en) | Chart data-binding design time user experience with dynamic sample generation | |
| Telea et al. | Image‐based edge bundles: Simplified visualization of large graphs | |
| CN110597586A (en) | Method and device for large screen layout of componentized layout based on dragging | |
| US9466138B2 (en) | Attribute-based stacking for diagrams | |
| US8669982B2 (en) | Method and system for generating and displaying an interactive dynamic culling graph view of multiply connected objects | |
| US20070028189A1 (en) | Hierarchy highlighting | |
| CN111221526A (en) | Data visual editing display platform based on data lake server | |
| US20100079460A1 (en) | method and system for generating and displaying an interactive dynamic selective view of multiply connected objects | |
| US11016650B1 (en) | Building data metric objects through user interactions with data marks of displayed visual representations of data sources | |
| CN106294822A (en) | A kind of electric power data visualization system | |
| US10861202B1 (en) | Sankey graph visualization for machine data search and analysis system | |
| WO2011082072A2 (en) | Gesture-based web site design | |
| EP2909739A1 (en) | Methods and systems for managing spreadsheet models | |
| CN109375914A (en) | Information remote exchange method and system | |
| CN110032368B (en) | Information configuration method and device | |
| CN112448829A (en) | Network topology display method and device, readable storage medium and intelligent terminal | |
| Lu et al. | The research on the WebGIS application based on the J2EE framework and ArcGIS server | |
| Nolan et al. | Interactive and animated scalable vector graphics and R data displays | |
| US10289388B2 (en) | Process visualization toolkit | |
| CN106126254B (en) | The associated head-up interface game editing system of one kind and method |
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: 20190409 |
|
| RJ01 | Rejection of invention patent application after publication |