Embodiment
In order that those skilled in the art more fully understand the technical scheme in this specification one or more embodiment,
Below in conjunction with the accompanying drawing in this specification one or more embodiment, to the technology in this specification one or more embodiment
Scheme is clearly and completely described, it is clear that described embodiment is only part of the embodiment, rather than whole realities
Apply example.Based on this specification one or more embodiment, those of ordinary skill in the art are not making creative work premise
Lower obtained every other embodiment, it should all belong to the scope of disclosure protection.
Can be with the change of the viewing data of visual pattern, if allowing user to add oneself on chart again by chart
Viewpoint or problem, the chart being more conducive between user is exchanged.By it is a financing class chart exemplified by, the chart can by with
Open and check in the financing software of intelligent terminal in family.
For example, the chart can be the trend graph that stock exchange information changes, there may be a kind of demand by user, you can with
Some viewpoint comments of oneself, such as " good ", " buying " are added in the trend graph.It so can both make it that user was apparent
The trend graph that the viewpoint of oneself is shown to the stock product on, also, if by added with user comment trend graph send out
Cloth can also make other users more intuitively see user comment, facilitate user to exchange on some intercommunion platform.
A kind of chart display method that the disclosure provides, it will thus provide content that user is shown on chart and is added on chart
Implementation.Wherein, as follows in the description of this method, being involved in several concepts:
Label:The content that user adds on chart can be referred to as " label ".Referring to Fig. 1 example, using trend graph as
Example, user can add the labels such as " buying ", " selling ", " good " in trend graph.
Edit chart:When user enters edlin to some chart, for example, adding a label in the graph, or delete
Except a label, then it can enter the state for editing the chart.This chart that user can be allowed to edit is referred to as editing chart,
User can carry out the edit operations such as above-mentioned deletion on editor's chart.In actually implementing, volume can be used as by the use of distributor
Entrance is collected, distributor can provide scene of the user to chart editor, and user can pass through the distributor and select the figure to be edited
Table, edlin of going forward side by side operation.
Issue chart:After user, which edits chart, to terminate, the chart can generate picture to be shown, then can incite somebody to action
The generated chart of displaying is referred to as issuing chart, and issue chart can not be edited.For example, in actually implementing, will can issue
Chart is arranged in Feed streams and is shown, and can also supply the content of displaying in Feed streams including other outside issue chart.
It should be noted that above-mentioned editor's chart and issue chart can have different chart sizes.Because user
Edlin is entered to editor's chart, in order to prevent the error of the position of editor, chart can be shown larger so that chart
Operable space is bigger, and such user more clear can accurately determine the editor position of oneself.And issue chart can be with
Do not need excessive size, for example, when issue chart be arranged on Feed stream in show when, it is contemplated that Feed stream a screen displaying compared with
More inner capacities, the size for issuing chart are unsuitable long.Therefore, issuing chart can be smaller than editing the size of chart.
In addition, issue chart and label can be located at different drafting layers.And because editor's chart is altered to issue chart
When the conversion of chart size can occur, so the label that user edits in chart is edited, will occur position in chart is issued
Change, if do not corrected, it may issue what the position that the label in chart is shown determined originally with user in editor's chart
Position is inconsistent.The chart display method of the disclosure can realize the label position in issue chart and the label in editor's chart
Position is consistent, and refers to following method description.
Fig. 2 illustrates a kind of flow of chart display method, can include:
In step 200, the label position of label to be added on editor's chart in editing mode is obtained.
For example, still so that user edits trend graph as an example, it is assumed that user is mounted with a financing on the smart mobile phone of oneself
Software, and distributor can be entered by entrances such as community's homepage of the financing software, personal homepage, exchanging areas.User can lead to
Free list or search are crossed, the stock/fund for wanting addition is found, the stock/fund can be shown on mobile phone screen interface
Trend graph.
In one example, as Fig. 3 example, Fig. 3 illustrate editor's chart in editing mode in user mobile phone circle
The display in face.Financing software can prompt user's " moved up in trend graph and start to refer to, order what can be said in figure ", instruction user
The point or post to be labelled in trend graph can be selected by touch manner.Certainly, in other examples, user can also lead to
The position that the other modes selection crossed beyond touching labels.
In this step, it is assumed that the position of the post 31 of user in figure 3 labels, for example, the label noted can " be seen
It is good ", then user can be touched with finger and select the post 31, and the post 31 is the chart element of label to be set.Mark as shown in Figure 1
Label example can see, it is determined that one the chart element of label is set after, the set location of label can be, by the chart
Element makes a strip label line, such as the label line 11 in Fig. 1, and draws by the label line 11 display of label 12.Label 12 is logical
It often could be arranged to have certain distance with above-mentioned chart element, and there is certain back gauge with the border of trend graph.Equally, Fig. 3
In label 32 can be the label drawn by label line 33, and label line 33 passes through post 31 (chart element).
The label position of signified label to be added in this step, can be the position where the label 12 in Fig. 1.The mark
Label position can also be determined by the chart element of label to be set, when user have selected oneself and to be beaten by touch or other modes
, can be according to factors such as the present position of the chart element and predetermined back gauge conditions, it is determined that aobvious after the chart element of label
The label position of indicating label 12.Therefore, the acquisition label position of this step, can be the chart to label selected according to user
Element determines label position, the label position can show to should chart element label, such as, user is to the chart element
The viewpoint of comment.
In addition, not only obtaining label position, the size of shown label can also be determined, such as, determine label substance
Font size or the viewing area that takes in the graph.
In step 202, the issue chart that editor's chart is characters show pending, editor's chart and issue are changed
Chart has different chart sizes.
In this step, after the label position that the chart element selected according to user determines label to be shown, it can carry out
Edit conversion of the chart to issue chart.For example, issue chart can be predetermined chart size, the chart size of chart is edited
Can be according to show chart intelligent terminal display screen size depending on, though editor chart chart size be it is much,
Issue chart can be arranged to above-mentioned predetermined diagram size.
In step 204, according to the contact parameter between editor's chart and issue chart, the issue chart is obtained
In new label position corresponding with the label position.
Because editor's chart is different with the chart size for issuing chart, and trend graph and label be not in same drafting
Layer, therefore, in order that the label after obtaining chart size conversion in editor's graph making can also correspond to correctly in chart is issued
Label position, can change issue chart in label position be new label position.
In this step, according to editor's chart and the contact parameter between chart can be issued, to obtain above-mentioned new label
Position.Here contact parameter, can represent to edit chart and issue the parameter of the relevance between chart, this pass
Connection property both can be fixed relation factor or the relation factor of conversion.
For example, although editor's chart is different with the chart size for issuing chart, it is equally identical that both, which have,
That is chart coordinate system.Chart coordinate system, for example, the timestamp scope of transverse axis is constant, can be indulged before and after the conversion of chart with constant
The data area of axle can also be constant.So, even if the label position before and after chart conversion changes, it may be considered that this
It is whether all relevant with above-mentioned chart coordinate system after before changing.If so, it can then pass through chart coordinate system and label position
Relation, determine label position.
Again for example, editor's chart is different with the chart size for issuing chart, a kind of size change between the two be present
Relation, then, the front and rear label position of chart conversion changes, the change relation of two kinds of label positions and two kinds of chart sizes
Transformation relation between there may also be contact.Then label position can be determined according to the contact between two kinds of transformation relations.
Subsequently the process of label position, which is carried out, will be determined according to contact parameter to above-mentioned two kinds referred to by two examples
It is described in detail.In this step, in the new label position in obtaining issue chart, equally can first determine to issue will set in chart
The chart element of label is put, and then new label position is obtained according to the chart element.Edit chart and issue respective in chart
Label position be that corresponding same chart element labels.In addition, for the size of the label in issue chart, can keep
The tag size determined in editor's chart, or carry out a certain proportion of scaling.
In step 206, in the new label position of the issue chart, add and show the label.
The chart display method of this example, by according to it is described editor chart and issue chart between contact parameter, really
Surely issue chart in new label position so that even if issue chart with editor chart chart size it is different, remain able to by
Label position corresponds to same chart element, correctly shows the label of user.
A kind of flow of chart display method of Fig. 4 examples, the method for this example can describe it is a kind of according to editor's chart and
The chart coordinate system between chart is issued, to determine the mode of the new label position after chart size change.As shown in figure 4, can
With including:
In step 400, the position selection operation according to the user detected on editor's chart, determines the mark
Sign position.
For example, user can be in the interface shown in Fig. 3, the chart element of label will be set by touching selection with finger, should
The chart element of selection can be some post in K lines.Also, user can set label in the chart, the chart can be with
It is the editor's chart that can be edited by.Now, the client software can in Fig. 3 detects user in chart is edited
Position selection operation, i.e. user determines the chart element to be labelled to touch selection mode.
, can be true according to the chart element after detecting that user selects to set the chart element of label in this step
Determine label position, such as, the position that can be to determine where the label in Fig. 3 " good ".For example, the determination of label position, can
To be to draw a label line for passing perpendicularly through the chart element by above-mentioned chart element, label viewing area is used as using label line
Side, determine label viewing area, the content " good " of display label in the region, also, label viewing area may be used also
To have certain distance apart from chart element, there is certain distance with each side frame of chart.
In step 402, the label position corresponding coordinate system in the chart coordinate system of editor's chart is determined
Coordinate, the coordinate system coordinate is as the contact parameter.
In this step, coordinate system coordinate corresponding to label position, can be chart element corresponding to the label position seat
Mark system coordinate.For example, by taking the trend graph in Fig. 3 as an example, the transverse axis coordinate of trend graph can be timestamp, and ordinate of orthogonal axes can be
Transaction value.The chart element of user's selection, it correspond to some transverse axis coordinate time stamp.In figure 3, where label is " good "
Label position, corresponding chart element is post 31 in chart coordinate system, and timestamp corresponding to the post 31 is 2017-7-12.
Above-mentioned timestamp can be used as contact parameter, and this example can record the label position pair determined in editor's chart
The timestamp answered is 2017-7-12.
In step 404, label substance to be shown is obtained.
The label substance that this step obtains, can be " good ", " buying ", " selling " etc..
Obtain the mode of label substance, can be content set in advance, user selects, or can also be user from
Define the word of input.
For example, Fig. 5 illustrates a kind of mode for obtaining label substance, label substance can be pre-defined several choosings
, user can select input.Fig. 6 illustrates another mode for obtaining label substance, and label substance can both include
Pre-defined several options for user selection input, can also provide the input frame that user voluntarily inputs word.
In a step 406, receive determine add tagged instruction in the label position when, change it is described editor figure
Table is the issue chart of characters show pending, and chart size is changed.
For example, when user completes the input of label in Fig. 5 or Fig. 6, clicks on completion, client will receive determination
Add tagged instruction in the label position.In this step, client can be after user determines addition label, modification editor
The size of chart is issues the size of chart, to meet the display needs of chart.Can be according to the chart of predetermined issue chart
Size is modified.
In a step 408, the coordinate system coordinate in the chart coordinate system of the issue chart is obtained.
It is same in issue chart to include chart coordinate system, and the transverse axis coordinate of coordinate system can be timestamp, ordinate of orthogonal axes
It can be transaction value., can be according to the timestamp recorded in step 402, in the chart coordinate system of issue chart in this step
In, find described timestamp.
In step 410, according to the coordinate system coordinate, the new label position of the corresponding coordinate system coordinate is obtained
Put.
For example, after above-mentioned timestamp is obtained, will chart element corresponding to the timestamp in issue chart (such as can
To be some post in K line charts) it is defined as user the element of label is set.And it is possible to according to the chart element of determination, really
Surely the label position of label corresponding to the chart element is shown, the determination mode of label position can be as described in step 400.
In step 412, according to the new label position of the issue chart, add and show the label.
The new label position that this step can determine in step 410, the content of display label.
The chart display method of this example, by the way that according to coordinate system coordinate, the label position in editor's chart can be found
Contacting between the new label position in issue chart, the accurate label position determined in issue chart is realized, avoids scheming
The dislocation of label position occurs when table size changes.
A kind of flow of chart display method of Fig. 7 examples, the method for this example can describe it is a kind of according to editor's chart and
The chart size conversion between chart is issued, the mode of new label position is determined with the relation of label position conversion.Such as Fig. 7 institutes
To show, this method can include following processing, wherein, with identical processing step in flow shown in Fig. 4, will not be described in further detail, specifically
It may refer to the description in Fig. 4 flows.
In step 700, according to position selection operation of the user detected on editor's chart, the mark is determined
Sign position.Wherein, in this step, can obtain user's selection will set the chart element of label.
In a step 702, displaing coordinate of the label position in editor's chart is determined.
Can be the displaing coordinate of chart element corresponding to the label position for example, displaing coordinate corresponding to label position,
For representing the location of pixels of above-mentioned chart element in the graph.In one example, such as, displaing coordinate can be one two
The coordinate (x, y) of dimension, x therein can be transverse axis pixel of the chart element in mobile phone display screen curtain, and y can position above-mentioned chart
Longitudinal axis pixel of the element in mobile phone display screen curtain.
In step 704, label substance to be shown is obtained.
In step 706, receive determine add tagged instruction in the label position when, change it is described editor figure
Table is the issue chart of characters show pending, and chart size is changed.
In step 708, according to the chart size of editor's chart and the chart size of issue chart, chart contracting is obtained
Ratio is put, the icon scaling is as the contact parameter.
In this step, client can obtain figure according to the chart size of editor's chart and the chart size of issue chart
The scaling of table size, such as, for issue chart compared to editor's chart, size is the 0.8 of full size, can be rectangle chart
Length and width all be original length 0.8.
In step 720, according to the scaling, the displaing coordinate is zoomed in and out, obtains new displaing coordinate, and
New label position is obtained accordingly.
The determination of new label position, can be according to the chart scale ratio determined in step 708, to mark in this step
The displaing coordinate for signing the chart element of position correspondence also carries out corresponding scaling, obtains new displaing coordinate, the new displaing coordinate pair
The chart element issued in chart is answered, chart element chart element corresponding with the label position in editor's chart is
Same element, for example be all some post.Outgoing label line, combination tag and chart border can be done according to new displaing coordinate
Spacing, obtain the new label position.
In step 712, according to the new label position of the issue chart, add and show the label.
The chart display method of this example, by the displaing coordinate according to chart element, scheme according to editor's chart and issue
Chart size conversion between table, equal proportion conversion is carried out to displaing coordinate, it may be determined that user's choosing in the cloth chart that sets out
The chart element selected, and new label position is obtained according to the chart element, so as to realize the accurate label determined in issue chart
Position, avoid occurring when chart size changes the dislocation of label position, also, this method can be carried out to each label position
Identical converts, and realizes that simply amount of calculation is smaller, can accelerate to issue the generation of chart, and process is smooth, and user will not
Feel interim card.
In addition, in one example, different drafting layers can be located at by issuing chart and label, for example, trend graph is drawn
There is provided by drawing SDK, label is plotted in drawing SDK upper strata, can be marked according to corresponding to determining the chart element that user selects
Sign position.In other examples, same layer can also be located at by issuing chart and label, be drawn with facilitating.
In order to realize above-mentioned chart display method, this specification one or more embodiment also provides a kind of chart and shown
Device, as shown in figure 8, the device can include:Position acquisition module 81, dimension modifying module 82, the and of location updating module 83
Label display module 84.
Position acquisition module 81, for obtaining the label position on editor's chart, the label position is used to set to wait to add
The label added, editor's chart is the chart in editing mode;
Dimension modifying module 82, for changing the issue chart that editor's chart is characters show pending, editor's figure
Table and issue chart have different chart sizes;
Location updating module 83, for according to editor's chart and issuing the contact parameter between chart, described in acquisition
Issue new label position corresponding with the label position in chart;
Label display module 84, for the new label position according to the issue chart, add and show the mark
Label.
In one example, location updating module 83, is specifically used for:Determine the label position in editor's chart
Corresponding coordinate system coordinate in chart coordinate system, the coordinate system coordinate is as the contact parameter;Obtain the issue chart
Chart coordinate system in the coordinate system coordinate;According to the coordinate system coordinate, the institute of the corresponding coordinate system coordinate is obtained
State new label position.
In one example, location updating module 83, is specifically used for:Determine that the label position is corresponding in chart is edited
Displaing coordinate;According to the chart size of editor's chart and the chart size of issue chart, chart scale ratio, institute are obtained
Icon scaling is stated as the contact parameter;According to the scaling, the displaing coordinate is zoomed in and out, obtained new
Displaing coordinate;According to the new displaing coordinate, the new label position is obtained.
For convenience of description, it is divided into various modules during description apparatus above with function to describe respectively.Certainly, this is being implemented
The function of each module can be realized in same or multiple softwares and/or hardware during specification one or more embodiment.
Each step in flow shown in above method embodiment, its execution sequence are not restricted to the order in flow chart.
In addition, the description of each step, it is possible to achieve be software, hardware or its form combined, for example, those skilled in the art can
Can be that the computer that can realize logic function corresponding to the step can perform in the form of implementing these as software code
Instruction.When it is realized in a manner of software, described executable instruction can store in memory, and by the place in equipment
Device is managed to perform.
For example, corresponding to above-mentioned chart display method, this specification one or more embodiment provides a kind of chart simultaneously
Display device, the meter that the equipment can include processor, memory and storage on a memory and can run on a processor
Calculation machine instructs, and the processor is by performing the instruction, for realizing following steps:Obtain the label position on editor's chart
Put, the label position is used to set label to be added, and editor's chart is the chart in editing mode;Described in modification
The issue chart that chart is characters show pending is edited, editor's chart and issue chart have different chart sizes;According to
Contact parameter between editor's chart and issue chart, obtain corresponding with the label position new in the issue chart
Label position;According to the new label position of the issue chart, add and show the label.
The device or module that above-described embodiment illustrates, can specifically be realized by computer chip or entity, or by with
The product of certain function is realized.One kind typically realizes that equipment is computer, and the concrete form of computer can be personal meter
Calculation machine, laptop computer, cell phone, camera phone, smart phone, personal digital assistant, media player, navigation are set
It is any several in standby, E-mail receiver/send equipment, game console, tablet PC, wearable device or these equipment
The combination of equipment.
It should be understood by those skilled in the art that, this specification one or more embodiment can be provided as method, system or
Computer program product.Therefore, this specification one or more embodiment can use complete hardware embodiment, complete software to implement
The form of embodiment in terms of example or combination software and hardware.Moreover, this specification one or more embodiment can be used one
Individual or multiple computer-usable storage mediums for wherein including computer usable program code (include but is not limited to disk storage
Device, CD-ROM, optical memory etc.) on the form of computer program product implemented.
These computer program instructions, which may be alternatively 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 being stored in the computer-readable memory, which produces, to be included referring to
Make the manufacture of device, the command device realize in one flow of flow chart or multiple flows and/or one square frame of block diagram or
The function of being specified in multiple square frames.
These computer program instructions can be also loaded into computer or other programmable data processing devices so that counted
Series of operation steps is performed on calculation machine or other programmable devices to produce computer implemented processing, so as in computer or
The instruction performed on other programmable devices is provided for realizing in one flow of flow chart or multiple flows and/or block diagram one
The step of function of being specified in individual square frame or multiple square frames.
It should also be noted that, term " comprising ", "comprising" or its any other variant are intended to nonexcludability
Comprising so that process, method, commodity or equipment including a series of elements not only include those key elements, but also wrapping
Include the other element being not expressly set out, or also include for this process, method, commodity or equipment intrinsic want
Element.In the absence of more restrictions, the key element limited by sentence "including a ...", it is not excluded that wanted including described
Other identical element also be present in the process of element, method, commodity or equipment.
This specification one or more embodiment can computer executable instructions it is general on
Described in hereafter, such as program module.Usually, program module includes performing particular task or realizes particular abstract data type
Routine, program, object, component, data structure etc..Can also put into practice in a distributed computing environment this specification one or
Multiple embodiments, in these DCEs, by being performed by communication network and connected remote processing devices
Task.In a distributed computing environment, the local and remote computer that program module can be located at including storage device is deposited
In storage media.
Each embodiment in this specification is described by the way of progressive, identical similar portion between each embodiment
Divide mutually referring to what each embodiment stressed is the difference with other embodiment.Show especially for chart
For showing apparatus embodiments, because it is substantially similar to embodiment of the method, so description is fairly simple, related part is referring to side
The part explanation of method embodiment.
It is above-mentioned that this specification specific embodiment is described.Other embodiments are in the scope of the appended claims
It is interior.In some cases, the action recorded in detail in the claims or step can be come according to different from the order in embodiment
Perform and still can realize desired result.In addition, the process described in the accompanying drawings not necessarily require show it is specific suitable
Sequence or consecutive order could realize desired result.In some embodiments, multitasking and parallel processing be also can
With or be probably favourable.
The preferred embodiment of this specification one or more embodiment is the foregoing is only, not limiting this public affairs
Open, it is all within the spirit and principle of the disclosure, any modification, equivalent substitution and improvements done etc., it should be included in the disclosure
Within the scope of protection.