Summary of the invention
At above-mentioned defective, the object of the present invention is to provide a kind of data presentation system and data display method, it is the mutual relationship between display graphics and the chart intuitively, thereby can improve user's experience value.
To achieve these goals, the invention provides a kind of data presentation system, comprise browser and server, described server comprises:
Database is used to store a plurality of data;
Pattern process module is used for generating a data trend graph according to the data of described storage;
The figure table handing module is used for generating a data list according to the data of described storage;
Figure and chart alignment processing module are used for searching corresponding data in described data list, and give prominence to described data in described data list when receiving the instruction of graph data correspondence association request; And/or, be used for when receiving the instruction of chart data correspondence association request, searching corresponding data in described data trend graph, and in described data trend graph, giving prominence to described data;
Described browser comprises:
Display module is used to show data trend graph, data list and the outstanding data of described generation;
Data operation modules is used for described data trend graph and/or data list are carried out data manipulation;
The action induction control module, be used for described data trend graph and/or data list are carried out the data manipulation action induction, and when sensing described data manipulation action, issuing the corresponding association request instruction of data, the corresponding association request instruction of described data comprises corresponding association request instruction of graph data and/or the corresponding association request instruction of chart data.
According to data presentation system of the present invention, described data manipulation action comprises graphics data manipulation action and/or chart data operational motion;
When described action induction control module is sensed the graphics data manipulation action, issue the corresponding association request instruction of graph data; Sense the chart data operational motion when described action induction control module, issue the corresponding association request instruction of chart data.
According to data presentation system of the present invention, described figure and chart alignment processing module further comprise:
The corresponding related submodule of data is used for searching corresponding data in described data list when the corresponding association request of the described graph data of reception is instructed; And/or, be used for when the corresponding association request of the described chart data of reception is instructed, searching corresponding data in described data trend graph;
Data are given prominence to submodule, are used for the outstanding described data that find.
According to data presentation system of the present invention, the outstanding submodule of described data is by marking bright to described data of searching or marking look and give prominence to the described data that find; And/or,
When searching corresponding data in described data trend graph, the outstanding submodule of described data is directly at described data trend graph mark and/or directly mark bright to described data of searching or the mark look in described data trend graph.
According to data presentation system of the present invention, described data trend graph comprises that dynamic data trend graph and/or described data list comprise the dynamic data tabulation.
According to data presentation system of the present invention, described pattern process module further comprises:
First drags submodule, is used to provide first to drag slide block movably to locate the start position data of described data trend graph;
Second drags submodule, is used to provide second to drag slide block movably to locate the terminal position data of described data trend graph;
Figure generates submodule, is used for obtaining one piece of data and dynamically generating described data trend graph at described database according to described start position data and terminal position data.
The present invention also provides a kind of data presentation system method, and described method comprises:
A, store a plurality of data;
B, generate and show a data trend graph, and generate and show a data list according to the data of described storage according to the data of described storage;
C, described data trend graph and/or data list are carried out the data manipulation action induction, and when sensing described data manipulation action, issuing the corresponding association request instruction of data, the corresponding association request instruction of described data comprises corresponding association request instruction of graph data and/or the corresponding association request instruction of chart data;
D, when receiving the corresponding association request instruction of described graph data, in described data list, search corresponding data, and in described data list outstanding described data for demonstration; And/or, when the corresponding association request of the described chart data of reception is instructed, search corresponding data, and in described data trend graph, give prominence to described data for demonstration in described data trend graph.
According to data display method of the present invention, among the step C, described data manipulation action comprises graphics data manipulation action and/or chart data operational motion;
When sensing the graphics data manipulation action, issue the corresponding association request instruction of graph data; When sensing the chart data operational motion, issue the corresponding association request instruction of chart data.
According to data display method of the present invention, among the step B, further comprise:
B1, generate and show a data trend graph according to the data of described storage;
B2, generate and show a data list according to the data of described storage.
According to data display method of the present invention, described data trend graph comprises that dynamic data trend graph and/or described data list comprise the dynamic data tabulation; And/or
Described step B1 further comprises:
B11, drag the start position data that slide block is located a data trend graph by first;
B12, drag the terminal position data that slide block is located described data trend graph by second;
B13, in the data of described storage, obtain one piece of data and dynamically generate described data trend graph according to described start position data and terminal position data.
The present invention generates according to the data of being stored and shows a data trend graph, and generates and show a data list according to the data of being stored; Then data trend graph and/or data list are carried out the data manipulation action induction, and when sensing the data manipulation action, issuing the corresponding association request instruction of data, the corresponding association request instruction of described data comprises corresponding association request instruction of graph data and/or the corresponding association request instruction of chart data; When receiving the instruction of graph data correspondence association request, in data list, search corresponding data, and in data list, highlight described data at last; And/or, when receiving the instruction of chart data correspondence association request, search corresponding data in the data trend graph, and in the data trend graph, highlight described data.Whereby, the present invention has realized that the mutual relationship between figure and the chart shows intuitively, thereby has improved user's experience value greatly.
Embodiment
In order to make purpose of the present invention, technical scheme and advantage clearer,, the present invention is further elaborated below in conjunction with drawings and Examples.Should be appreciated that specific embodiment described herein only in order to explanation the present invention, and be not used in qualification the present invention.
Basic thought of the present invention is: generate and show a data trend graph according to the data of being stored, and generate and show a data list according to the data of being stored; Then data trend graph and/or data list are carried out the data manipulation action induction, and when sensing the data manipulation action, issuing the corresponding association request instruction of data, the corresponding association request instruction of described data comprises corresponding association request instruction of graph data and/or the corresponding association request instruction of chart data; When receiving the instruction of graph data correspondence association request, in data list, search corresponding data, and in data list, highlight described data at last; And/or, when receiving the instruction of chart data correspondence association request, search corresponding data in the data trend graph, and in the data trend graph, highlight described data.
Referring to Fig. 1, the data presentation system 10 that the preferred embodiment of the present invention provides includes: browser 20 and the server 40 that communicates by network 30 and described browser 20, wherein:
Described browser 20 can be installed in as in the clients such as computing machine, mobile phone terminal, and this browser 20 comprises: page request module 201, display module 202, data operation modules 203 and action induction control module 204.
Page request module 201 is used for sending the page of data request by network 30 to server 40.
Display module 202 is used for data trend graph and data list that display server 40 generates.
Referring to Fig. 5 or Fig. 7, the data trend graph that embodiment provides is a fund net value trend graph, and its transverse axis is a time shaft, and the longitudinal axis is a fund net value axle, data list is arranged according to time sequencing, includes time data, the net value data to should time data, accumulative total net value and ups and downs amplitude.
Data operation modules 203 links to each other with action induction control module 204 with display module 202, is used for described display module 202 data presented trend graph and/or data list are carried out data manipulation.Among the present invention, described data manipulation is included in the data trend graph and/or data are chosen in data list or one piece of data is capable, as the data trend graph walk a place on the power curve carry out data click choose action or rest on the data trend graph walk on the power curve place etc.
Action induction control module 204, link to each other with display module 202, data operation modules 203 and network 30, be used for described data trend graph and/or data list are carried out the data manipulation action induction, and when sensing described data manipulation action, issuing the corresponding association request instruction of data, the corresponding association request instruction of described data comprises corresponding association request instruction of graph data and/or the corresponding association request instruction of chart data.
Preferably, when action induction control module 204 is sensed the graphics data manipulation action, issue the corresponding association request instruction of graph data; Sense the chart data operational motion when action induction control module 204, issue the corresponding association request instruction of chart data.
Present embodiment, action induction control module 204 mainly is that sensed data is clicked and chosen action, click when the data of walking power curve of sensing the data trend graph and to choose when action, issue the corresponding association request instruction of graph data, the data of described selection are carried in this instruction, comprise time data, to net value data that should time data; Data in sensing data list are clicked and are chosen when action, issue the corresponding association request instruction of chart data, and the data of described selection are carried in this instruction, comprise time data, to net value data that should time data.
Server 40 mainly is to be used to receive the corresponding association request instruction of page of data request and data, and response data page request and the corresponding association request instruction of data are carried out the graphical diagrams data processing and returned result.This server 40 specifically comprises: acceptance/sending module 401, database 402, pattern process module 403, figure table handing module 404 and figure and chart alignment processing module 405, wherein:
Acceptance/sending module 401, with network 30, pattern process module 403, figure table handing module 404 links to each other with chart alignment processing module 405 with figure, be used to receive page request module 201 and pass through corresponding association request instruction of data and the pattern process module 403 that network 30 sends by page of data request and action induction control module 204 that network 30 sends, the result that figure table handing module 404 and figure and chart alignment processing module 405 are returned is as the return data trend graph, data list, corresponding association results of data or the like shows for display module 202.
Database 402 links to each other with figure table handing module 404 with pattern process module 403, is used for storing in order a plurality of data.These data can be dynamic datas.Store the data of a plurality of funds aspect such as time point, net value, accumulative total net value, ups and downs amplitude etc. according to time sequencing in the present embodiment.
Pattern process module 403, be used for that the data according to described database 402 storages generate a data trend graph after acceptance/sending module 401 receives the page of data request that page request modules 201 send, and be back to display module 202 by acceptance/sending module 401 and show.Described pattern process module 403 further comprises: first drags submodule 4031, second drags submodule 4032 and figure generation submodule 4033, wherein:
First drags submodule 4031, is used to provide first to drag slide block 11 movably to locate the start position data of described data trend graph.
Second drags submodule 4032, is used to provide second to drag slide block 22 movably to locate the terminal position data of described data trend graph.
Figure generates submodule 4033, is used for obtaining one piece of data and dynamically generating described data trend graph at described database 402 according to described start position data and terminal position data.
Referring to Fig. 7, by the first zero-time position data that drags slide block 11 selection data trend graph is 05-05-30, by the second initial terminal time location data that drag slide block 22 selection data trend graph is 08-01-23, thus, figure generates submodule 4033 and obtains the data of the time period between 05-05-30 and 08-01-23 according to described 05-05-30 and 08-01-23 time data at database 402, dynamically generates described data trend graph.
Because start position data and terminal position data can drag slide block 11 and second by first and drag slide block 22 and drag change, thereby the data trend graph dynamic change of different time end, make things convenient for people to the watching of the data variation of a period of time end, thereby improved user experience value.
Further, the present invention also can be provided with data segment and select the different data block of module corresponding selection, pattern process module 403 selects module to choose a data block by data segment, obtain data between data block according to data block at database 402 then, then dynamically generate the data trend graph.
As shown in Figure 7, data segment is selected the data time piece of corresponding 3 scopes of module, comprise: 30 days, 60 days and in unlimited time section, what section correspondence wherein in unlimited time can drag first drags slide block 11 and second and drags slide block 22, select module when data segment and choose 30 days, then generate nearest 30 days data trend graph, select module when data segment and choose 60 days, then generate nearest 60 days data trend graph, and when data segment selects module to choose in unlimited time section, can drag slide block 11 and second and drag slide block 22 and select a period of time sections by dragging first, dynamically generate the data trend graph of this time period then.
Figure table handing module 404, be used for according to described after acceptance/sending module 401 receives the page of data request that page request modules 201 send the data according to the data storage of described database 402 storages generate a data list, and be back to display module 202 by acceptance/sending module 401 and show.
Among the present invention, described data trend graph and data list show with the same page in display module 202, as shown in Figure 5.
Figure and chart alignment processing module 405, be used for when acceptance/sending module 401 receives the instruction of graph data correspondence association request, in described data list, search corresponding data, and in described data list outstanding described data and be back to display module 202 by acceptance/sending module 401 and show; And/or, be used for when acceptance/sending module 401 receives the instruction of chart data correspondence association request, search corresponding data in described data trend graph, and in described data trend graph outstanding described data and be back to display module 202 by acceptance/sending module 401 and show.
Among the present invention, figure also further comprises with chart alignment processing module 405: corresponding related submodule 4051 of data and data are given prominence to submodule 4052, wherein:
The corresponding related submodule 4051 of data, link to each other with acceptance/sending module 401, figure table handing module 404 and pattern process module 403, be used for when the corresponding association request of described graph data that receives 401 forwardings of acceptance/sending module is instructed, in described data list, searching corresponding data; And/or, be used for when the corresponding association request of described chart data that receives 401 forwardings of acceptance/sending module is instructed, searching corresponding data in described data trend graph.
Data are given prominence to submodule 4052, link to each other with the corresponding related submodule 4051 of acceptance/sending module 401 and data, are used for the data that the corresponding related submodule 4051 of outstanding data found and are back to display module 202 by acceptance/sending module 401 showing.
One embodiment of the present invention, the outstanding submodule 4052 of described data is by marking bright to described data of searching and/or marking look and give prominence to the described data that find.
Referring to Fig. 5, the corresponding related submodule 4051 of described data is searched corresponding data according to entrained time (07-01-29) data and net value (2.0085) data of the corresponding association request instruction of described graph data in data list: after time (07-01-29), net value (2.0085), accumulative total net value (2.2085) and the ups and downs amplitude (0.0402), the outstanding 4052 pairs of described data of submodule of data are marked bright outstanding, are back to display module 202 by acceptance/sending module 401 then and show.
Another embodiment of the present invention, when the corresponding related submodule 4051 of data according to the corresponding association request instruction of chart data when described data trend graph is searched corresponding data, the outstanding submodule 4052 of described data is directly at described data trend graph mark and/or directly mark bright to described data of searching or the mark look in described data trend graph.
Referring to Fig. 5, the corresponding related submodule 4051 of described data is searched corresponding data according to entrained time (07-01-29) data and net value (2.0085) data of the corresponding association request instruction of chart data in the curve of data trend graph: behind time (07-01-29), the net value (2.0085), the outstanding submodule 4053 of data is directly in outstanding data frame of data point of the curve correspondence of described data trend graph, this data frame comprises fund net value, 07-01-29 and 2.0085 as shown in Figure 5.
Thus, give prominence to data and to data, make things convenient for the user to watch, thereby improve user experience value by figure and chart alignment processing module 405 associative search.
Fig. 2 is a data display method process flow diagram provided by the invention, is described in conjunction with data presentation system shown in Figure 1 10, and this method comprises as follows:
Step S201, a plurality of data of database 402 storages.
Step S202, pattern process module 403 generates a data trend graph according to the data of described database 402 storages, figure table handing module 404 generates a data list according to the data of described database 402 storages, and display module 202 shows described data trend graph and data list.
Step S203, the data manipulation action induction is carried out in 204 pairs of described data trend graph of action induction control module and/or data list, and when sensing described data manipulation action, issuing the corresponding association request instruction of data, the corresponding association request instruction of described data comprises corresponding association request instruction of graph data and/or the corresponding association request instruction of chart data.
In this step, described data manipulation action comprises graphics data manipulation action and/or chart data operational motion; When sensing the graphics data manipulation action, issue the corresponding association request instruction of graph data; When sensing the chart data operational motion, issue the corresponding association request instruction of chart data
Step S204, figure and chart alignment processing module 405 are searched corresponding data in described data list when receiving the corresponding association request instruction of described graph data, and in described data list outstanding described data for display module 202 demonstrations; And/or, when the corresponding association request of the described chart data of reception is instructed, search corresponding data, and in described data trend graph, give prominence to described data for display module 202 demonstrations in described data trend graph.
For better explanation the present invention, first embodiment of the invention provides a kind of data display method as shown in Figure 3, be described in conjunction with data presentation system shown in Figure 1 10, this system 10 includes: browser 20 and the server 40 that communicates by network 30 and described browser 20, and described data display method specifically comprises as follows:
Step S301, a plurality of data of database 402 storages.
Step S302, browser 20 sends the page of data request by page request module 201 to server 40.
Step S303, acceptance/sending module 401 receives the page of data request, starts pattern process module 403 and figure table handing module 404.
Step S304, pattern process module 403 generates a data trend graph according to the data of described database 402 storages, and returns to display module 202 by acceptance/sending module 401.
Step S305, figure table handing module 404 generates a data list according to the data of described database 402 storages, and returns to display module 202 by acceptance/sending module 401.
Step S306, the data list that data trend graph that display module 202 display graphics processing modules 403 generate and figure table handing module 404 generate, as shown in Figure 5.
Step S307, data operation modules 203 click data on the data and curves of data trend graph, these data comprise time point 07-01-29 and net value 2.0085 data.
Step S308, the control of data manipulation action induction is carried out in 204 pairs of described data trend graph of action induction control module and/or data list, sense the graphics data manipulation action of described data operation modules 203, issue the corresponding association request instruction of a graph data, time point 07-01-29 and net value 2.0085 data are carried in the corresponding association request instruction of this graph data.
Step S309, acceptance/sending module 401 receive the corresponding association request instruction of graph data that action induction control module 204 sends, and start figure and chart alignment processing module 405.
Step S310, the corresponding related submodule 4051 of data is according to entrained time point 07-01-29 and net value 2.0085 data of the corresponding association request instruction of described graph data, in described data list, search corresponding data, comprise time (07-01-29), net value (2.0085), accumulative total net value (2.2085) and ups and downs amplitude (0.0402).
Step S311, the outstanding submodule 4052 of data is given prominence to described data according to corresponding related submodule 4051 data that obtain of searching of data in described data list, and returns to display module 202 by acceptance/sending module 401.
Step S312, display module 202 show described outstanding data in described data list, as shown in Figure 5.
Second embodiment of the invention provides a kind of data display method as shown in Figure 4, be described in conjunction with data presentation system shown in Figure 1 10, this system 10 includes: browser 20 and the server 40 that communicates by network 30 and described browser 20, and described data display method specifically comprises as follows:
Step S401, a plurality of data of database 402 storages.
Step S402, browser 20 sends the page of data request by page request module 201 to server 40.
Step S403, acceptance/sending module 401 receives the page of data request, starts pattern process module 403 and figure table handing module 404.
Step S404, pattern process module 403 generates a data trend graph according to the data of described database 402 storages, and returns to display module 202.
Step S405, figure table handing module 404 generates a data list according to the data of described database 402 storages, and returns to display module 202 by acceptance/sending module 401.
Step S406, the data list that data trend graph that display module 202 display graphics processing modules 403 generate and figure table handing module 404 generate, as shown in Figure 5.
Step S407, data operation modules 203 click in data list and choose data line, comprise time (07-01-29), net value (2.0085), accumulative total net value (2.2085) and ups and downs amplitude (0.0402).
Step S408, the control of data manipulation action induction is carried out in 204 pairs of described data trend graph of action induction control module and/or data list, sense the chart data operational motion of described data operation modules 203, issue the corresponding association request instruction of a chart data, time point 07-01-29 and net value 2.0085 data are carried in the corresponding association request instruction of this chart data.
Step S409, acceptance/sending module 401 receive the corresponding association request instruction of chart data that action induction control module 204 sends, and start figure and chart alignment processing module 405.
Step S410, the corresponding related submodule 4051 of data is according to entrained time point 07-01-29 and net value 2.0085 data of the corresponding association request instruction of described chart data, search corresponding data in the data and curves of described data trend graph, comprise time (07-01-29), net value (2.0085).
Step S411, the outstanding submodule 4052 of data is given prominence to described data according to corresponding related submodule 4051 data that obtain of searching of data in described data list, and returns to display module 202 by acceptance/sending module 401.
Step S412, display module 202 show described outstanding data in the data and curves of described data trend graph, as shown in Figure 5.
Third embodiment of the invention provides a kind of data display method as shown in Figure 4, be described in conjunction with data presentation system shown in Figure 1 10, this system 10 includes: browser 20 and the server 40 that communicates by network 30 and described browser 20, and described data display method specifically comprises as follows:
Step S501, a plurality of data of database 402 storages.
Step S502, browser 20 sends the page of data request by page request module 201 to server 40.
Step S503, acceptance/sending module 401 receives the page of data request, starts pattern process module 403 and figure table handing module 404.
Step S504, pattern process module 403 generates a data trend graph according to the data of described database 402 storages, and returns to display module 202.
Step S505, figure table handing module 404 generates a data list according to the data of described database 402 storages, and returns to display module 202 by acceptance/sending module 401.
Step S506, the data list that data trend graph that display module 202 display graphics processing modules 403 generate and figure table handing module 404 generate, as shown in Figure 5.
Step S507, first start position data that drags slide block 11 location one data trend graph that provides according to pattern process module 403 is time point 05-05-30.
Step S508, the second terminal position data that drag the described data trend graph in slide block 22 location that provide according to pattern process module 403 are time point 08-01-23.
Step S509 sends the page of data request by page request module 201 to server 40, and start position data and terminal position data are carried in this page of data request.
Step S510, acceptance/sending module 401 receives the page of data request.
Step S511, pattern process module 403 is searched the data that are positioned between start position data and terminal position data according to start position data and terminal position data in database 402, and dynamically generates described data trend graph, returns to display module 202
Step S512, the data list that dynamic data trend graph that display module 202 display graphics processing modules 403 generate and figure table handing module 404 generate, as shown in Figure 7, the data trend graph of described Fig. 5 is replaced by the dynamic data trend graph among Fig. 7, and the data list that figure table handing module 404 generates remains unchanged at Fig. 7.
Certainly, third embodiment of the invention can further be carried out step S407~S412 that step S307~S312 that first embodiment provides or second embodiment provide behind step S512, perhaps first embodiment can be behind step S312 execution in step S507~S512, perhaps second embodiment can be behind step S412 execution in step S507~S512.
In sum, the present invention generates according to the data of being stored and shows a data trend graph, and generates and show a data list according to the data of being stored; Then data trend graph and/or data list are carried out the data manipulation action induction, and when sensing the data manipulation action, issuing the corresponding association request instruction of data, the corresponding association request instruction of described data comprises corresponding association request instruction of graph data and/or the corresponding association request instruction of chart data; When receiving the instruction of graph data correspondence association request, in data list, search corresponding data, and in data list, highlight described data at last; And/or, when receiving the instruction of chart data correspondence association request, search corresponding data in the data trend graph, and in the data trend graph, highlight described data.Whereby, the present invention has realized that the mutual relationship between figure and the chart shows intuitively, thereby has improved user's experience value greatly.
Certainly; the present invention also can have other various embodiments; under the situation that does not deviate from spirit of the present invention and essence thereof; those of ordinary skill in the art work as can make various corresponding changes and distortion according to the present invention, but these corresponding changes and distortion all should belong to the protection domain of the appended claim of the present invention.