CN108241634A - Achievement data display methods and device - Google Patents

Achievement data display methods and device Download PDF

Info

Publication number
CN108241634A
CN108241634A CN201611206775.XA CN201611206775A CN108241634A CN 108241634 A CN108241634 A CN 108241634A CN 201611206775 A CN201611206775 A CN 201611206775A CN 108241634 A CN108241634 A CN 108241634A
Authority
CN
China
Prior art keywords
achievement data
hiding
display
data
scrolled
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
Application number
CN201611206775.XA
Other languages
Chinese (zh)
Inventor
沈金通
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201611206775.XA priority Critical patent/CN108241634A/en
Publication of CN108241634A publication Critical patent/CN108241634A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/01Social networking

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Business, Economics & Management (AREA)
  • General Physics & Mathematics (AREA)
  • General Health & Medical Sciences (AREA)
  • Economics (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • Tourism & Hospitality (AREA)
  • Human Resources & Organizations (AREA)
  • General Business, Economics & Management (AREA)
  • Marketing (AREA)
  • Health & Medical Sciences (AREA)
  • Computing Systems (AREA)
  • Data Mining & Analysis (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

The invention discloses a kind of achievement data display methods and devices, are related to display technology field, solve the problems, such as that many index data can not continuously display in the prior art.The present invention main technical schemes be:Many index data to be shown are obtained, and determine the achievement data item number that page display area can be shown;The achievement data of item number identical with the achievement data item number is shown in page display area, and hides the remaining achievement data of display;It detects whether to receive the scrolling display instruction for achievement data is hidden, the scrolling display instruction includes the rotating direction and rolling distance of preset direction scroll bar;If so, hiding achievement data to be scrolled is determined according to the rotating direction and rolling distance and is scrolled.Present invention is mainly used for achievement datas to show.

Description

Achievement data display methods and device
Technical field
The present invention relates to information technology field more particularly to a kind of achievement data display methods and devices.
Background technology
With the continuous development of information technology, the number of users of internet is more and more, and more and more transaction are by mutual What networking was completed, and various websites are the most basic embodiment modes of internet.In order to keep more users here, website is allowed Realize value as much as possible, website provider usually requires to analyze behavior of the user on oneself website, Ran Hougen Website is optimized according to analysis result.In practical applications, user behavior is analyzed for convenience, would commonly be used for weighing user The indices data of behavior are shown in Webpage.Since page width is limited, all fingers can not be usually shown Mark data.
At present, it when carrying out achievement data display, in order to show all achievement datas, is usually shown and referred to by page turning mode Data are marked, i.e., are usually shown many index data by the different pages.However, due to showing index by page turning mode Data can not realize continuously displaying for the first achievement data in tail achievement data and next page in previous page.And it realizes The analysis continuously displayed to user behavior of many index data is most important.Therefore, the continuous aobvious of many index data is realized Show it is current urgent problem to be solved.
Invention content
In view of the above problems, it is proposed that the present invention overcomes the above problem in order to provide one kind or solves at least partly State the achievement data display methods and device of problem.
In order to achieve the above objectives, present invention generally provides following technical solutions:
On the one hand, the present invention provides a kind of achievement data display methods, this method includes:
Many index data to be shown are obtained, and determine the achievement data item number that page display area can be shown;
The achievement data of item number identical with the achievement data item number is shown in page display area, and it is surplus to hide display Remaining achievement data;
It detects whether to receive the scrolling display instruction for hiding achievement data, the scrolling display instruction includes rolling The rotating direction and rolling distance of item;
If so, hiding achievement data to be scrolled is determined according to the rotating direction and rolling distance and is rolled Dynamic display.
On the other hand, the present invention also provides a kind of achievement data display device, which includes:
Acquiring unit, for obtaining many index data to be shown;
Determination unit, for determining achievement data item number that page display area can be shown;
Display unit is identical with the achievement data item number that the determination unit determines for being shown in page display area The achievement data of item number, and hide the remaining achievement data of display;
Detection unit, for detecting whether receiving for the scrolling display instruction for hiding achievement data, described roll shows Show rotating direction and rolling distance that instruction includes preset direction scroll bar;
The determination unit is received if being additionally operable to the detection unit detection for the scrolling display for hiding achievement data Instruction, then determine hiding achievement data to be scrolled according to the rotating direction and rolling distance;
The display unit is additionally operable to roll the hiding achievement data to be scrolled that the determination unit determines Dynamic display.
By above-mentioned technical proposal, method and device that a kind of achievement data provided by the invention is shown, the present invention can It obtains many index data to be shown and can determine the achievement data item number that page display area can be shown.In addition, The achievement data of item number identical with the achievement data item number can be shown in page display area, and hides display residue and refers to Mark data.At the same time, in the scrolling display order for receiving hiding achievement data, the rolling in being ordered according to scrolling display Direction and rolling distance can determine that hiding achievement data to be scrolled is scrolled, multinomial so as to realize Achievement data continuously displays function.
Description of the drawings
By reading the detailed description of hereafter preferred embodiment, it is various other the advantages of and benefit it is common for this field Technical staff will become clear.Attached drawing is only used for showing the purpose of preferred embodiment, and is not considered as to the present invention Limitation.And throughout the drawings, the same reference numbers will be used to refer to the same parts.In the accompanying drawings:
Fig. 1 is a kind of achievement data display methods flow chart provided in an embodiment of the present invention;
Fig. 2 is another achievement data display methods flow chart provided in an embodiment of the present invention;
Fig. 3 is a kind of schematic diagram for scrolling achievement data to the left provided in an embodiment of the present invention;
Fig. 4 is another schematic diagram for scrolling achievement data to the left provided in an embodiment of the present invention;
Fig. 5 is a kind of schematic diagram of display achievement data that scrolls right provided in an embodiment of the present invention;
Fig. 6 scrolls right for another kind provided in an embodiment of the present invention shows the schematic diagram of achievement data;
Fig. 7 is a kind of achievement data display device structure schematic diagram provided in an embodiment of the present invention;
Fig. 8 is another achievement data display device structure schematic diagram provided in an embodiment of the present invention.
Specific embodiment
The exemplary embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although the disclosure is shown in attached drawing Exemplary embodiment, it being understood, however, that may be realized in various forms the disclosure without should be by embodiments set forth here It is limited.On the contrary, these embodiments are provided to facilitate a more thoroughly understanding of the present invention, and can be by the scope of the present disclosure Completely it is communicated to those skilled in the art.
The advantages of to make technical solution of the present invention, is clearer, and the present invention is made specifically with reference to the accompanying drawings and examples It is bright.
An embodiment of the present invention provides a kind of achievement data display methods, as shown in Figure 1, the method includes:
101st, many index data to be shown are obtained, and determine the achievement data item that page display area can be shown Number.
Wherein, the achievement data can be characterization state or embodying behavior, with design parameter numerical value number According to.For example, for Mr. Yu's internet site, achievement data can be the data for characterizing user behavior, wherein can wrap It includes the number of visiting people, access times, Website page pageview and is averaged several or whole in the browsing time.In normal conditions Under, achievement data is stored in as other data in corresponding server.
In acquisition many index data to be shown, obtaining function can be realized by preset software.In advance If software can be asynchronous JavaScript (Asynchronous JavaScript) software, AJAX can be understood as a kind of wound The web development technologies of creating interactive web application, be it is a kind of for create it is more preferable faster and the stronger Web applications of interactivity The technology of program.AJAX softwares can carry out low volume data with server on backstage and exchange, and webpage is made to realize asynchronous refresh.Cause This, in this step, can get corresponding achievement data, and with this to content in display area by AJAX from server Realize update.It should be noted that selected predetermined software can voluntarily be chosen as needed, software described here only conduct Example does not do specific restriction.
This step detailed process can be:Obtain many index to be shown from server by preset software first Data.Then it is analyzed according to many index data got, to ensure that each achievement data can clearly show that.Most Afterwards according to analysis as a result, determining the specific item number of many index data that can be shown in current display area.
102nd, the achievement data of item number identical with the achievement data item number is shown in page display area, and is hidden aobvious Show remaining achievement data.
Specifically, after the achievement data item number shown in page display area is determined, according to determining item number, aobvious Show that region shows the achievement data of the item number, and other remaining achievement datas then hide display, i.e., without display.
For example, if achievement data one shares 10, when the achievement data item number in determining display area is 4, then exist The achievement data item number specifically shown in this step also should be 4, and other remaining 6 achievement datas are then hidden and shown Show, i.e., current 4 achievement datas are shown, remaining 6 achievement data is not shown.
103rd, it detects whether to receive the scrolling display instruction for achievement data is hidden.
Wherein, scrolling display instruction includes the rotating direction and rolling distance of preset direction scroll bar.The preset direction For horizontal direction or longitudinal direction.
Only it is it since the achievement data currently shown is not the whole of achievement data as described in step 102 The achievement data of middle a part of item number, and other achievement datas belong to hiding dispaly state.Therefore, it when carrying out this step, needs It first detects whether to have received the scrolling display instruction for achievement data is hidden.Wherein, scrolling display instruction The specific distance that the direction of rolling when laterally rolling can be included and rolled.Wherein specific distance generally with step 101 In the achievement data equivalent width that is determined in the achievement data item number for determining the display in display area.That is, when rolling every time, The width of an achievement data can be rolled.Need what is illustrated, the rotating direction and rolling distance in scrolling display instruction can With as needed, voluntarily chosen.
The 104th, if detection is received for the scrolling display instruction for hiding achievement data, according to the rotating direction and rolling Dynamic distance determines hiding achievement data to be scrolled and is scrolled.
After step 103 is detected, if detection is received for the scrolling display instruction for hiding achievement data, basis The rotating direction and rolling distance included in the scrolling display instruction received in step 103, determines to be scrolled Hiding achievement data, and according to the determining achievement data, hide achievement data direction to this and scrolled.
For example, if current criteria data item number is 10, the display achievement data item number that display area determines is 4, and Rotating direction in scrolling display instruction is being detected is to the left shows, when displacement distance is an achievement data width, then root According to the method for this step by shown in current display area 4 achievement datas, the achievement data of the rightmost side is hidden, and will The achievement data width that scrolls right of remaining 3 achievement datas entirety, and in the left end of display area, original is shown The achievement data that region left end hides display is shown.
The method that a kind of achievement data provided in an embodiment of the present invention is shown, the present invention can obtain multinomial finger to be shown It marks data and can determine the achievement data item number that page display area can be shown.Furthermore it is possible in page display area The middle achievement data for showing item number identical with the achievement data item number, and hide the remaining achievement data of display.At the same time, exist When receiving the scrolling display order of hiding achievement data, rotating direction and rolling distance in being ordered according to scrolling display, energy Enough determine that hiding achievement data to be scrolled is scrolled, so as to realize continuously displaying for many index data Function.
An embodiment of the present invention provides another achievement data display methods, as shown in Fig. 2, the method includes:
201st, many index data to be shown are obtained, and determine the achievement data item that page display area can be shown Number.
Wherein it is determined that the achievement data item number that page display area can be shown be specifically as follows under several steps:First, Obtain the width of each achievement data need to occupy in many index data peak width and the page display area Degree;Then, the maximum region width and the width of the page display area that need to be occupied according to achievement data, determine each index The practical peak width occupied of data;Finally, according to the peak width actually occupied and the width of page display area, really Determine the achievement data item number that page display area can be shown.
Wherein obtaining many index data to be shown can be obtained by scheduled software or algorithm, wherein in advance Fixed software can be AJAX softwares, and specific description does not do excessive repeat herein as described in step 101.
It should be noted that the peak width that each single item achievement data need to occupy in many index data in this step is with showing Show that the content of data and the font size of required display are related in peak width, achievement data.Specific each single item index The peak width that data need to occupy does not do specific restriction, but the width chosen will with achievement data can be clearly showed that for Primary condition.Then in the peak width that need to be occupied in each single item achievement data, the finger for wherein needing to occupy maximum width is chosen Mark data.The width of the achievement data then can be as the practical occupancy width of achievement data.
If for example, achievement data be certain website user behavior data when, wherein achievement data for 300 people of the number of visiting people, When access times 700 times, Website page pageview 1100 times and average browsing time during 1 minute this 4 achievement data, due to every The corresponding data content of one achievement data is all number, and the display width shared by the number in each single item achievement data is all small The width of word in achievement data.Therefore, in this step, achievement data is website pages in the width that achievement data need to occupy Face pageview 1100 times, the display width of required occupancy is maximum, therefore, can be using the width that the achievement data need to occupy as real The width that border achievement data occupies.
After the practical occupancy width of achievement data is determined, can integral ring be matched in display area according to the width Each single item in achievement data can determine the concrete numerical value of achievement data item number that page display area can be shown after matching It can be integer.
202nd, the achievement data of item number identical with the achievement data item number is shown in page display area, and is hidden aobvious Show remaining achievement data.
Such as, however, it is determined that current criteria data share 3 achievement datas, respectively achievement data A, achievement data B and Achievement data C, wherein A are connected with B, and B is connected with C.And after step 201 is carried out, determine what current display area can be shown When the item number of achievement data is 2, then in this step, A therein and two achievement datas of B are shown in page display area, remained Remaining achievement data C is not shown then, is hidden.
203rd, by loading horizontal scroll bar plug-in unit horizontal scroll bar is added in the page display area.
Wherein, horizontal scroll bar plug-in unit can be malihu-custom-scrollbar-plugin scroll bar plug-in units.Cause JQuery.js is relied on, therefore first to be loaded before this plug-in unit is loaded for the scroll bar plug-in unit scroll bar plug-in unit JQuery.js.Wherein, JQuery is another lightweight Javascript libraries after prototype, and compatible CSS3 with And other a variety of browsers, such as IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+.And JQuery.js can be managed Solve the complete unpressed jQuery libraries for JQuery.Malihu-custom-scrollbar-plugin is a kind of dependence The scroll bar plug-in unit increased income of Jquery can as needed modify to the parameter of its inside to realize the function of needing.
Therefore, in this step, it is necessary first to load JQuery.js, then reload malihu-custom- Scrollbar-plugin scroll bar plug-in units, and its parameter is configured as desired by preset sentence, to realize The function of horizontal scroll bar is loaded in display area.It should be noted that scroll bar plug-in unit described in this step is as just model Example, does not do specific restriction, can voluntarily be chosen as needed herein.
204th, the correspondence between indices data in the horizontal scroll bar and the page display area is established.
According to the scroll bar plug-in unit loaded in step 203, to the indices data and scroll bar in page display area Between establish one-to-one relationship.Wherein, scroll bar plug-in unit can be malihu-custom-scrollbar-plugin.Tool Body can carry out the achievement data lateral sequence, and the achievement data of different location then is mapped to the corresponding of scroll bar Position in.
If for example, there is currently 10 achievement datas, and when scroll bar is equipped with roll value percentage, this step specifically may be used Think 10 achievement datas is transversely arranged, correspond the roll value percentage of scroll bar, each achievement data corresponds to Scroll bar roll value 10%.Therefore, as soon as whenever rolling time, the corresponding achievement data of page display area rolls an index The width of data, corresponding scroll bar roll value increase by 10%.
Wherein, display area is obtained in the malihu-custom-scrollbar-plugin involved in step 203 and 204 And the setting of the rolling function of scroll bar can be realized according to following sentence:
In the sentence set in current scroll bar, we set scroll bar not show, and are in scroll bar rolling distance When 0%, left button disable is shown as down state to the left;When scroll bar rolling distance is 100%, to the right Button is disable, i.e., is shown as down state to the right.
205th, it detects whether to receive the scrolling display instruction for achievement data is hidden.
Wherein, scrolling display instruction includes the rotating direction and rolling distance of preset direction scroll bar.Described be directed to is hidden The scrolling display instruction of achievement data is for the instruction of scrolling display to the left of hiding achievement data or for hiding achievement data The idsplay order that scrolls right.
Specifically, described detect whether that receiving the scrolling display instruction for being directed to hiding achievement data is specially:
It detects whether to receive the click event for the first presumptive area;If receive the point for the first presumptive area Hit event, it is determined that receive for the instruction of scrolling display to the left for hiding achievement data, the instruction packet of scrolling display to the left The rotating direction that scroll bar containing preset direction rolls to the left and the rolling distance rolled to the left;
It detects whether to receive the click event for the second presumptive area;If receive the point for the second presumptive area Hit event, it is determined that receive for the idsplay order that scrolls right for hiding achievement data, the idsplay order packet that scrolls right The rotating direction that scroll bar containing preset direction scrolls right and the rolling distance to scroll right.
Wherein, the click event of first presumptive area be specifically as follows left button click event, described second The click event of presumptive area is specifically as follows right button and clicks event.Wherein presumptive area clicks the attainable work(of event institute It can as needed be pre-set, and specifically set and can voluntarily choose as needed, not do specifically setting herein It is fixed.But it should be recognized that event is clicked in preset region will meet the work(that can be realized and be scrolled to the left and to the right Energy.
For example, if preset first presumptive area clicks event as when being clicked in display area left end region Scroll bar is directed to the rolling to the left for hiding achievement data, and during one achievement data width of rolling.When detecting the first fate When event is clicked in domain, then it can determine to receive the instruction of scrolling display to the left for achievement data is hidden, described instruction is specific To scroll hiding achievement data to the left, and rolling distance is an achievement data width.
The 206th, if detection is received for the scrolling display instruction for hiding achievement data, according to the rotating direction and rolling Dynamic distance determines hiding achievement data to be scrolled and is scrolled.
Wherein, if determine to receive for the instruction of scrolling display to the left for hiding achievement data in step 205, this step It is rapid to be specially:Detect whether the rolling distance rolled to the left is equal to default rolling distance threshold value to the left;What if detection rolled to the left Rolling distance is not equal to default rolling distance threshold value to the left, it is determined that treat the hiding achievement data scrolled to the left and carry out to Left scrolling display;If detecting the rolling distance that rolls to the left is equal to default rolling distance threshold value to the left, it is determined that there is no treat to The hiding achievement data of left scrolling display simultaneously is forbidden being scrolled to the left.
For example, there is currently achievement data 1 to achievement data 10, totally 10 achievement datas, with reference to set by step 203 Scroll bar, then each achievement data width correspond to the roll value of scroll bar 10%.If it is determined that it receives for hiding index number According to scrolling display instruction for the left scrolling display instruction, the corresponding roll value of current scrolling item be 10% when, every time roll away from When from for roll value 10% (width of an achievement data), threshold value is rolled to the left being roll value percentage 0%, then according to this step Method in rapid detects the current rolling distance 10% rolled to the left, not equal to rolling threshold value 0% to the left.Then determine to treat to The hiding achievement data of left scrolling display is simultaneously scrolled to the left, and concrete condition is as shown in Figure 3;If current scrolling item corresponds to Roll value for 0%, when determining to receive for the scrolling display instruction of achievement data is hidden for scrolling display instruction to the left, root According to the method for this step, detect that current scrolling distance 0% is equal to and roll threshold value, it is determined that there is no treat what is scrolled to the left It hides achievement data and forbids being scrolled to the left, concrete condition is as shown in Figure 4.
Wherein, if determine to receive in step 205 for hide achievement data scroll right idsplay order when, this step It is rapid to be specially:Detect whether the rolling distance to scroll right is equal to the default distance threshold that scrolls right;What if detection scrolled right Rolling distance is not equal to the default distance threshold that scrolls right, it is determined that the hiding achievement data of display to be scrolled right and carry out to Right scrolling display;If detecting the rolling distance that scrolls right is equal to the default distance threshold that scrolls right, it is determined that there is no treat to The hiding achievement data of right scrolling display simultaneously is forbidden carrying out the display that scrolls right.
For example, there is currently achievement data 1 to achievement data 10, totally 10 achievement datas, with reference to set by step 203 Scroll bar, then each achievement data width correspond to the roll value of scroll bar 10%.If it is determined that it receives for hiding index number According to scrolling display instruction to scroll right idsplay order, when the corresponding roll value of current scrolling item is 90%, rolling distance is Roll value 10%, when the threshold value that scrolls right is roll value percentage 100%, then according to the method in this step, detection is rolled to the right Dynamic distance 90%, not equal to the threshold value 100% that scrolls right.Then determine the hiding achievement data of display to be scrolled right and carry out to Right scrolling display, concrete condition are as shown in Figure 5;If the corresponding roll value of current scrolling item is 100%, determine to receive for hidden The scrolling display instruction for hiding achievement data is when scrolling right idsplay order, according to the method for this step, to detect current scrolling Distance 100% be equal to roll threshold value, it is determined that there is no display to be scrolled right hiding achievement data and forbid carry out to the right Scrolling display, concrete condition are as shown in Figure 6.
The method that show of another kind achievement data provided in an embodiment of the present invention, it is of the invention can obtain it is to be shown multinomial Achievement data and it can determine the achievement data item number that page display area can be shown.Furthermore it is possible in page viewing area The achievement data of item number identical with the achievement data item number is shown in domain, and hides the remaining achievement data of display.At the same time, In the scrolling display order for receiving hiding achievement data, rotating direction and rolling distance in being ordered according to scrolling display, It can determine that hiding achievement data to be scrolled is scrolled, so as to realize the continuous aobvious of many index data Show function.Further, the peak width and page display area width that need to be occupied by each achievement data, determine to refer to The achievement data width of required width maximum in data is marked as the practical peak width occupied of each achievement data, is further carried The high display effect of achievement data.And by loading scroll bar plug-in unit to add horizontal scroll bar in page display area, And correspondence will be established between the achievement data and horizontal scroll bar, improve the accuracy rate of scrolling display.It is in addition, logical It crosses before roll to the left or to the right, whether detection rolling distance is equal to the rolling threshold value at both ends, realizes and works as viewing area The function of no longer being scrolled when domain scrolling display is to achievement data both ends reduces unnecessary invalid operation, and then improves Display efficiency.
Further, the embodiment of the present invention provides a kind of achievement data display device, as shown in fig. 7, described device includes: Acquiring unit 71, determination unit 72, display unit 73 and detection unit 74.
Acquiring unit 71 can be used for obtaining many index data to be shown.
Determination unit 72 can be used to determine the achievement data item number that page display area can be shown.
Display unit 73 can be used for the achievement data that display is determined with the determination unit 72 in page display area The achievement data of the identical item number of item number, and hide the remaining achievement data of display.
Detection unit 74 can be used for detecting whether to receive the scrolling display instruction for achievement data is hidden, described Scrolling display instruction includes the rotating direction and rolling distance of preset direction scroll bar.
The determination unit 72 is received if can be also used for the detection unit 74 and detect for hiding achievement data Scrolling display instruction, then determine hiding achievement data to be scrolled according to the rotating direction and rolling distance.
The display unit 73 can be also used for the hiding index number to be scrolled determined to the determination unit 72 According to being scrolled.
It should be noted that each functional unit involved by a kind of achievement data display device provided in an embodiment of the present invention Other are accordingly described, and can be described with the corresponding of method shown in reference chart 1, details are not described herein, it should be understood that in the present embodiment Device can correspond to realize preceding method embodiment in full content.
A kind of achievement data display device provided in an embodiment of the present invention.Described device can include:Acquiring unit determines Unit, display unit and detection unit.The present invention can obtain many index data to be shown and can determine the page The achievement data item number that display area can be shown.Furthermore it is possible to display and the achievement data item in page display area The achievement data of the identical item number of number, and hide the remaining achievement data of display.At the same time, in the rolling for receiving hiding achievement data During dynamic idsplay order, preset direction rotating direction and rolling distance in being instructed according to scrolling display can determine and treat that rolling is aobvious The hiding achievement data shown is scrolled, and function is continuously displayed so as to realize many index data.
Further, the embodiment of the present invention provides another achievement data display device, as shown in figure 8, described device packet It includes:Acquiring unit 81, determination unit 82, display unit 83 and detection unit 84.
Acquiring unit 81 can be used for obtaining many index data to be shown.
Determination unit 82 can be used to determine the achievement data item number that page display area can be shown.
Display unit 83 can be used for the achievement data that display is determined with the determination unit 82 in page display area The achievement data of the identical item number of item number, and hide the remaining achievement data of display.
Detection unit 84 can be used for detecting whether to receive the scrolling display instruction for achievement data is hidden, described Scrolling display instruction includes the rotating direction and rolling distance of scroll bar.
The determination unit 82 is received if can be also used for the detection unit 84 and detect for hiding achievement data Scrolling display instruction, then determine hiding achievement data to be scrolled according to the rotating direction and rolling distance.
The display unit 83 can be also used for the hiding index number to be scrolled determined to the determination unit 82 According to being scrolled.
The preset direction is horizontal direction, and described instructed for the scrolling display for hiding achievement data is for hiding finger The instruction of scrolling display to the left for marking data or the idsplay order that scrolls right for hiding achievement data.
Further, described for the scrolling display instruction of achievement data is hidden is to rolling left for hiding achievement data Dynamic idsplay order, institute's detection unit 84 include:8401 and first determining module 8402 of first detection module.
The first detection module 8401 can be used for detecting whether to receive the click thing for the first presumptive area Part.
First determining module 8402 makes a reservation for if can be used for the detection of first detection module 8401 and receive for first The click event in region, it is determined that receive for the instruction of scrolling display to the left for hiding achievement data, described roll to the left shows Show that instruction includes the preset direction scroll bar rotating direction rolled to the left and the rolling distance rolled to the left.
The determination unit 82 includes:Second detection module 8201 and the second determining module 8202.
Whether second detection module 8201 can be used for the rolling distance that rolls to the left of detection and is equal to preset to rolling left Dynamic distance threshold;
Second determining module 8202, if detecting the rolling distance rolled to the left for second detection module 8201 Not equal to default rolling distance threshold value to the left, it is determined that treat the hiding achievement data scrolled to the left and roll to the left aobvious Show;
Second determining module 8202, if be additionally operable to second detection module 8201 detect the rolling that rolls to the left away from From equal to default rolling distance threshold value to the left, it is determined that there is no the hiding achievement data for treating to scroll to the left and forbid carrying out It scrolls to the left.
Further, it is described to be instructed for the scrolling display for hiding achievement data as the rolling to the right for hiding achievement data Dynamic idsplay order, the detection unit 84 include:Third detection module 8403 and third determining module 8404.
The third detection module 8403 can be used for detecting whether to receive the click thing for the second presumptive area Part.
The third determining module 8404 makes a reservation for if can be used for the detection of third detection module 8403 and receive for second The click event in region, it is determined that receive for hide achievement data the idsplay order that scrolls right, it is described scroll right it is aobvious Show that instruction includes the rotating direction that preset direction scroll bar scrolls right and the rolling distance to scroll right.
The determination unit 82 includes:4th detection module 8203 and the 4th determining module 8204.
4th detection module 8203, can be used for whether the rolling distance that detection scrolls right rolls to the right equal to default Dynamic distance threshold.
4th determining module 8204, if can be used for the rolling distance that the detection of the 4th detection module 8203 scrolls right Not equal to the default distance threshold that scrolls right, it is determined that the hiding achievement data of display to be scrolled right simultaneously scroll right aobvious Show.
4th determining module is equal in advance if being additionally operable to the rolling distance that the detection of the 4th detection module 8203 scrolls right If scroll right distance threshold, it is determined that there is no display to be scrolled right hiding achievement data and forbid scrolling right Display.
Further, the determination unit 82 includes:8205 and the 5th determining module 8206 of acquisition module.
The acquisition module 8205 can be used for obtaining the area that each achievement data need to occupy in many index data The width of field width degree and the page display area.
5th determining module 8206 can be used for be occupied most according to the achievement data that the acquisition module obtains The width of big peak width and the page display area, determines the practical peak width occupied of each achievement data.
5th determining module 8206 can be also used for according to the peak width actually occupied and page viewing area The width in domain determines the achievement data item number that page display area can be shown.
Further, described device further includes:Loading unit 85 is with establishing unit 86.
The loading unit 85 can be used for adding horizontal stroke in the page display area by loading horizontal scroll bar plug-in unit To scroll bar.
Described to establish unit 86, the horizontal scroll bar that can be used for establishing the loading of loading unit 85 is shown with the page Show the correspondence between indices data in region.
It should be noted that a kind of achievement data display device provided in an embodiment of the present invention, involved each functional unit Other it is corresponding describe, can be described with the corresponding of method shown in reference chart 2, details are not described herein, it should be understood that the present embodiment In device can correspond to realize preceding method embodiment in full content.
Another kind achievement data display device provided in an embodiment of the present invention.Described device can include:Acquiring unit, really Order member, display unit, detection unit, loading unit and establish unit.The present invention can obtain many index number to be shown According to and can determine the achievement data item number that page display area can show.Furthermore it is possible to it is shown in page display area Show the achievement data of item number identical with the achievement data item number, and hide the remaining achievement data of display.At the same time, it is receiving To hiding achievement data scrolling display instruction when, according to scrolling display instruct in rotating direction and rolling distance, can be true Surely hiding achievement data to be scrolled is scrolled, and work(is continuously displayed so as to realize many index data Energy.Further, the peak width and page display area width that need to be occupied by each achievement data, are determined index number The achievement data width of required width maximum is further improved as the practical peak width occupied of each achievement data in The display effect of achievement data.And by load scroll bar plug-in unit with page display area add horizontal scroll bar and Correspondence will be established between the achievement data and horizontal scroll bar, improve the accuracy rate of scrolling display.In addition, by Before roll to the left or to the right, whether detection rolling distance is equal to the rolling threshold value at both ends, realizes when display area is rolled It is dynamic to be shown to the function of no longer being scrolled during achievement data both ends, reduce unnecessary invalid operation, and then improve aobvious Show efficiency.
The achievement data display device includes processor and memory, and above-mentioned acquiring unit, determination unit, display are single Member, detection unit, loading unit and establish unit etc. as program unit storage in memory, storage is performed by processor Above procedure unit in memory realizes corresponding function.
Comprising kernel in processor, gone in memory to transfer corresponding program unit by kernel.Kernel can set one Or more, by adjusting kernel parameter function is continuously displayed realize many index data.
Memory may include computer-readable medium in volatile memory, random access memory (RAM) and/ Or the forms such as Nonvolatile memory, such as read-only memory (ROM) or flash memory (flash RAM), memory includes at least one deposit Store up chip.
Present invention also provides a kind of computer program products, first when being performed on data processing equipment, being adapted for carrying out The program code of beginningization there are as below methods step:Many index data to be shown are obtained, and determine that page display area can The achievement data item number of display;The achievement data of item number identical with the achievement data item number is shown in page display area, And hide the remaining achievement data of display;It detects whether to receive the scrolling display instruction for achievement data is hidden, the rolling Idsplay order includes the rotating direction and rolling distance of preset direction scroll bar;If so, according to the rotating direction and rolling Distance determines hiding achievement data to be scrolled and is scrolled.
It should be understood by those skilled in the art that, embodiments herein can be provided as method, system or computer program Product.Therefore, the reality in terms of complete hardware embodiment, complete software embodiment or combination software and hardware can be used in the application Apply the form of example.Moreover, the computer for wherein including computer usable program code in one or more can be used in the application The computer program production that usable storage medium is implemented on (including but not limited to magnetic disk storage, CD-ROM, optical memory etc.) The form of product.
The application is with reference to the flow according to the method for the embodiment of the present application, equipment (system) and computer program product Figure and/or block diagram describe.It should be understood that it can be realized by computer program instructions every first-class in flowchart and/or the block diagram The combination of flow and/or box in journey and/or box and flowchart and/or the block diagram.These computer programs can be provided The processor of all-purpose computer, special purpose computer, Embedded Processor or other programmable data processing devices is instructed to produce A raw machine so that the instruction performed by computer or the processor of other programmable data processing devices is generated for real The device of function specified in present one flow of flow chart or one box of multiple flows and/or block diagram or multiple boxes.
These computer program instructions, which may also be stored in, can guide computer or other programmable data processing devices with spy Determine in the computer-readable memory that mode works so that the instruction generation being stored in the computer-readable memory includes referring to Enable the manufacture of device, the command device realize in one flow of flow chart or multiple flows and/or one box of block diagram or The function of being specified in multiple boxes.
These computer program instructions can be also loaded into computer or other programmable data processing devices so that counted Series of operation steps are performed on calculation machine or other programmable devices to generate computer implemented processing, so as in computer or The instruction offer performed on other programmable devices is used to implement in one flow of flow chart or multiple flows and/or block diagram one The step of function of being specified in a box or multiple boxes.
In a typical configuration, computing device includes one or more processors (CPU), input/output interface, net Network interface and memory.
Memory may include computer-readable medium in volatile memory, random access memory (RAM) and/ Or the forms such as Nonvolatile memory, such as read-only memory (ROM) or flash memory (flash RAM).Memory is computer-readable Jie The example of matter.
Computer-readable medium includes permanent and non-permanent, removable and non-removable media can be by any method Or technology come realize information store.Information can be computer-readable instruction, data structure, the module of program or other data. The example of the storage medium of computer includes, but are not limited to phase transition internal memory (PRAM), static RAM (SRAM), moves State random access memory (DRAM), other kinds of random access memory (RAM), read-only memory (ROM), electric erasable Programmable read only memory (EEPROM), fast flash memory bank or other memory techniques, CD-ROM read-only memory (CD-ROM), Digital versatile disc (DVD) or other optical storages, magnetic tape cassette, the storage of tape magnetic rigid disk or other magnetic storage apparatus Or any other non-transmission medium, available for storing the information that can be accessed by a computing device.It defines, calculates according to herein Machine readable medium does not include temporary computer readable media (transitory media), such as data-signal and carrier wave of modulation.
It these are only embodiments herein, be not limited to the application.To those skilled in the art, The application can have various modifications and variations.All any modifications made within spirit herein and principle, equivalent replacement, Improve etc., it should be included within the scope of claims hereof.

Claims (10)

1. a kind of achievement data display methods, which is characterized in that including:
Many index data to be shown are obtained, and determine the achievement data item number that page display area can be shown;
The achievement data of item number identical with the achievement data item number is shown in page display area, and hides remaining index number According to;
It detects whether to receive the scrolling display instruction for achievement data is hidden, the scrolling display instruction includes preset direction The rotating direction and rolling distance of scroll bar;
If so, hiding achievement data to be scrolled is determined according to the rotating direction and rolling distance and roll aobvious Show.
2. according to the method described in claim 1, it is characterized in that, the preset direction is horizontal direction, described be directed to is hidden The scrolling display instruction of achievement data is for the instruction of scrolling display to the left of hiding achievement data or for hiding achievement data The idsplay order that scrolls right.
3. according to the method described in claim 2, it is characterized in that, described instructed for the scrolling display for hiding achievement data is It is instructed for the scrolling display to the left of hiding achievement data, it is described to detect whether that receiving the rolling for being directed to hiding achievement data shows Show that instruction includes:
It detects whether to receive the click event for the first presumptive area;
If so, it determines to receive the instruction of scrolling display to the left for achievement data is hidden, the scrolling display instruction to the left The rotating direction rolled to the left comprising preset direction scroll bar and the rolling distance rolled to the left;
It is described that the hiding achievement data for treating to scroll to the left is determined according to the rotating direction and rolling distance and is rolled Display includes:
Detect whether the rolling distance rolled to the left is equal to default rolling distance threshold value to the left;
If not, it is determined that treat the hiding achievement data scrolled to the left and scrolled to the left;
If so, determine that there is no treat the hiding achievement data scrolled to the left and forbid being scrolled to the left.
4. according to the method described in claim 2, it is characterized in that, described instructed for the scrolling display for hiding achievement data is It is described to detect whether that receiving the rolling for being directed to hiding achievement data shows for the idsplay order that scrolls right of hiding achievement data Show that instruction includes:
It detects whether to receive the click event for the second presumptive area;
If so, it determines to receive the idsplay order that scrolls right for achievement data is hidden, the idsplay order that scrolls right The rotating direction to scroll right comprising preset direction scroll bar and the rolling distance to scroll right;
It is described that hiding achievement data to be scrolled is determined according to the rotating direction and rolling distance and is scrolled Including:
Detect whether the rolling distance to scroll right is equal to the default distance threshold that scrolls right;
If not, it is determined that the hiding achievement data of display to be scrolled right simultaneously carries out the display that scrolls right;
If so, it determines there is no the hiding achievement data of display to be scrolled right and forbids carrying out the display that scrolls right.
5. according to claim 1-4 any one of them methods, which is characterized in that the determining page display area can be shown Achievement data item number include:
Obtain each achievement data need to occupy in many index data peak width and the page display area Width;
The maximum region width and the width of the page display area that need to be occupied according to achievement data, determine each achievement data The peak width actually occupied;
According to the peak width actually occupied and the width of page display area, determine what page display area can be shown Achievement data item number.
6. according to claim 1-4 any one of them methods, which is characterized in that described to detect whether to receive for hiding finger Before the scrolling display instruction for marking data, the method further includes:
By loading horizontal scroll bar plug-in unit horizontal scroll bar is added in the page display area;
Establish the correspondence between indices data in the horizontal scroll bar and the page display area.
7. a kind of achievement data display device, which is characterized in that including:
Acquiring unit, for obtaining many index data to be shown;
Determination unit, for determining achievement data item number that page display area can be shown;
Display unit, for showing item number identical with the achievement data item number that the determination unit determines in page display area Achievement data, and hide the remaining achievement data of display;
Detection unit, for detecting whether receiving for the scrolling display instruction for hiding achievement data, the scrolling display refers to Enable the rotating direction and rolling distance for including preset direction scroll bar;
The determination unit refers to if being additionally operable to the detection unit detection and receiving for the scrolling display for hiding achievement data It enables, then hiding achievement data to be scrolled is determined according to the rotating direction and rolling distance;
The display unit is additionally operable to that the hiding achievement data to be scrolled that the determination unit determines roll aobvious Show.
8. device according to claim 7, which is characterized in that the preset direction is horizontal direction, described for hiding The scrolling display instruction of achievement data is for the instruction of scrolling display to the left of hiding achievement data or for hiding achievement data The idsplay order that scrolls right.
9. device according to claim 8, which is characterized in that the scrolling display for hiding achievement data, which instructs, is It is instructed for the scrolling display to the left of hiding achievement data,
The detection unit includes:
First detection module, for detecting whether receiving the click event for the first presumptive area;
First determining module, if receiving the click event for the first presumptive area for first detection module detection, really Surely it receives for the instruction of scrolling display to the left for hiding achievement data, the instruction of scrolling display to the left is rolled comprising preset direction The rotating direction that dynamic item rolls to the left and the rolling distance rolled to the left;
The determination unit includes:
Second detection module, for detecting whether the rolling distance rolled to the left is equal to default rolling distance threshold value to the left;
Second determining module, if for second detection module rolling distance that rolls to the left of detection not equal to presetting to rolling left Dynamic distance threshold, it is determined that treat the hiding achievement data scrolled to the left and scrolled to the left;
Second determining module, if be additionally operable to the rolling distance that second detection module detection rolls to the left be equal to preset to Roll left dynamic distance threshold, it is determined that there is no the hiding achievement data for treating to scroll to the left and forbids carrying out rolling to the left aobvious Show.
10. device according to claim 8, which is characterized in that described for the scrolling display instruction for hiding achievement data To be directed to the idsplay order that scrolls right of hiding achievement data,
The detection unit includes:
Third detection module, for detecting whether receiving the click event for the second presumptive area;
Third determining module, if receiving the click event for the second presumptive area for the detection of third detection module, really Surely it receives for the idsplay order that scrolls right for hiding achievement data, the idsplay order that scrolls right is rolled comprising preset direction The rotating direction that dynamic item scrolls right and the rolling distance to scroll right;
The determination unit includes:
4th detection module, for detecting whether the rolling distance to scroll right is equal to the default distance threshold that scrolls right;
4th determining module, if for the 4th detection module rolling distance that scrolls right of detection not equal to it is default scroll right away from From threshold value, it is determined that the hiding achievement data of display to be scrolled right simultaneously carries out the display that scrolls right;
4th determining module is rolled to the right if being additionally operable to the rolling distance that the detection of the 4th detection module scrolls right and being equal to preset Dynamic distance threshold, it is determined that there is no display to be scrolled right hiding achievement data and forbid carrying out the display that scrolls right.
CN201611206775.XA 2016-12-23 2016-12-23 Achievement data display methods and device Pending CN108241634A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201611206775.XA CN108241634A (en) 2016-12-23 2016-12-23 Achievement data display methods and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201611206775.XA CN108241634A (en) 2016-12-23 2016-12-23 Achievement data display methods and device

Publications (1)

Publication Number Publication Date
CN108241634A true CN108241634A (en) 2018-07-03

Family

ID=62704084

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611206775.XA Pending CN108241634A (en) 2016-12-23 2016-12-23 Achievement data display methods and device

Country Status (1)

Country Link
CN (1) CN108241634A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020172794A1 (en) * 2019-02-26 2020-09-03 西安诺瓦电子科技有限公司 Data item display method, device and system, and computer-readable storage medium

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100333016A1 (en) * 2009-06-30 2010-12-30 Nokia Corporation Scrollbar
CN103616981A (en) * 2013-10-31 2014-03-05 小米科技有限责任公司 Application process method, device and mobile terminal
CN104346028A (en) * 2013-07-31 2015-02-11 腾讯科技(深圳)有限公司 Address bar display method, device and mobile terminal
CN104965659A (en) * 2015-07-06 2015-10-07 无锡天脉聚源传媒科技有限公司 Page information preloading method and apparatus
CN105094582A (en) * 2014-05-12 2015-11-25 宇龙计算机通信科技(深圳)有限公司 Information positioning method and information positioning apparatus
CN105511732A (en) * 2015-12-25 2016-04-20 北京奇虎科技有限公司 Method for displaying page entry icons and device
CN105630337A (en) * 2015-12-18 2016-06-01 小米科技有限责任公司 Control controlling method and device
CN106201234A (en) * 2015-04-29 2016-12-07 阿里巴巴集团控股有限公司 The inspection method of content of pages and device

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100333016A1 (en) * 2009-06-30 2010-12-30 Nokia Corporation Scrollbar
CN104346028A (en) * 2013-07-31 2015-02-11 腾讯科技(深圳)有限公司 Address bar display method, device and mobile terminal
CN103616981A (en) * 2013-10-31 2014-03-05 小米科技有限责任公司 Application process method, device and mobile terminal
CN105094582A (en) * 2014-05-12 2015-11-25 宇龙计算机通信科技(深圳)有限公司 Information positioning method and information positioning apparatus
CN106201234A (en) * 2015-04-29 2016-12-07 阿里巴巴集团控股有限公司 The inspection method of content of pages and device
CN104965659A (en) * 2015-07-06 2015-10-07 无锡天脉聚源传媒科技有限公司 Page information preloading method and apparatus
CN105630337A (en) * 2015-12-18 2016-06-01 小米科技有限责任公司 Control controlling method and device
CN105511732A (en) * 2015-12-25 2016-04-20 北京奇虎科技有限公司 Method for displaying page entry icons and device

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020172794A1 (en) * 2019-02-26 2020-09-03 西安诺瓦电子科技有限公司 Data item display method, device and system, and computer-readable storage medium

Similar Documents

Publication Publication Date Title
US11586801B2 (en) Automatically determining a size for a content item for a web page
US10339209B2 (en) Webpage display method and device
US9613155B2 (en) System and framework for multi-dimensionally visualizing and interacting with large data sets
US10366147B2 (en) Techniques for programmatic magnification of visible content elements of markup language documents
US9858244B1 (en) Sampling a part of a content item
CN106886544A (en) A kind of data processing method and device
WO2016138510A1 (en) Contextual zoom
CN105930507B (en) A kind of method and device for the web browsing interest obtaining user
CN105183912A (en) Abnormal log determination method and device
CN106873925A (en) The display methods and device of label text
CN107239566B (en) User journal generation method, electronic equipment and computer-readable storage medium
CN109460540A (en) A kind of table paging display methods and device
CN109408162A (en) A kind of method and terminal showing the page
CN107679214A (en) Link localization method, device, terminal and computer-readable recording medium
WO2013163596A2 (en) Method and system of selecting business object
CN105373593A (en) Method and apparatus for displaying target element from webpage
CN103365842A (en) Page view recommendation method and page view recommendation device
CN110020363A (en) Draw the method and device of thermodynamic chart
CN107832418A (en) A kind of much-talked-about topic finds method, system and a kind of much-talked-about topic discovering device
CN107480218B (en) Webpage display method and device, electronic equipment and storage medium
CN109948084B (en) Webpage information display method, device, medium and computing equipment
CN106970758A (en) Electronic document operation processing method, device and electronic equipment
Patel et al. A case study in mobile-optimized vs. responsive web application design
US9785678B1 (en) Determining taxonomy nodes for browsing
CN108241634A (en) Achievement data display methods and device

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
CB02 Change of applicant information
CB02 Change of applicant information

Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing

Applicant after: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd.

Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing

Applicant before: BEIJING GRIDSUM TECHNOLOGY Co.,Ltd.

RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20180703