CN114913268A - Method, device and storage medium for regional color display of chart - Google Patents
Method, device and storage medium for regional color display of chart Download PDFInfo
- Publication number
- CN114913268A CN114913268A CN202210574969.4A CN202210574969A CN114913268A CN 114913268 A CN114913268 A CN 114913268A CN 202210574969 A CN202210574969 A CN 202210574969A CN 114913268 A CN114913268 A CN 114913268A
- Authority
- CN
- China
- Prior art keywords
- line
- color
- chart
- display area
- dividing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 62
- 238000009877 rendering Methods 0.000 claims abstract description 8
- 230000014509 gene expression Effects 0.000 claims description 39
- 238000010586 diagram Methods 0.000 claims description 13
- 230000006870 function Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 9
- 238000009966 trimming Methods 0.000 claims description 6
- 230000001788 irregular Effects 0.000 claims description 4
- 230000000694 effects Effects 0.000 abstract description 13
- 239000003086 colorant Substances 0.000 abstract description 7
- 230000000007 visual effect Effects 0.000 abstract description 6
- 230000007547 defect Effects 0.000 abstract description 4
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 4
- 238000004364 calculation method Methods 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 238000001914 filtration Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000007792 addition Methods 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000000354 decomposition reaction Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000005065 mining Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000005215 recombination Methods 0.000 description 1
- 230000006798 recombination Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
- G06T7/11—Region-based segmentation
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Vision & Pattern Recognition (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method, a device, a storage medium and electronic equipment for displaying a chart by regions, wherein the method comprises the following steps: dividing a chart to be drawn into a first display area and a second display area through a dividing line, wherein the first display area is positioned on the first side of the dividing line, and the second display area is positioned on the second side of the dividing line; and drawing the chart with a first color in the first display area, and drawing the chart with a second color in the second display area so as to perform regional color display on the chart. Therefore, the defects of the existing chart drawing plug-in are overcome, different colors can be displayed in different areas of the chart in a segmented mode, different rendering connection effects of the chart are displayed, and the visual experience effect and the use experience of a chart reading user are greatly improved.
Description
Technical Field
The present invention relates to the field of graph processing technologies, and in particular, to a method and an apparatus for performing color display on a graph in different regions, a storage medium, and an electronic device.
Background
The DMP is a method for adding various labels in a targeted manner according to the label attributes, and matching related data crowds according to the label category attributes in a targeted manner, so that more effective marketing or market decisions can be made in a targeted manner according to the query result. After the crowd label is selected, the portrait situation of the current crowd label can be displayed in a graph form, for example, when a label of "browse company content and time range is close to 1 day" is selected, the corresponding user portrait is shown in the figure.
Fig. 1 shows the VIP user distribution under this condition and the 30-day activity distribution, all the graph displays in the graph are realized by using a third-party plug-in rendering, for example, the activity is displayed by using a line graph, and only type data needs to be transmitted to the component, so that the graph can be displayed.
In view of the above, a method for performing color display on a chart by regions is needed to be provided to solve the problem that the chart cannot perform color display by regions in the prior art.
Disclosure of Invention
In order to solve the problem that a chart cannot be displayed in a color manner by regions in the prior art, embodiments of the present invention provide a method, an apparatus, a storage medium, and an electronic device for performing color display by regions on a chart.
According to a first aspect of the embodiments of the present invention, there is provided a method for performing a color display of a chart by regions, the method including:
dividing a chart to be drawn into a first display area and a second display area through a dividing line, wherein the first display area is positioned on a first side of the dividing line, and the second display area is positioned on a second side of the dividing line;
and drawing the chart in a first color in the first display area, and drawing the chart in a second color in the second display area so as to display the chart in a color manner by areas.
Optionally, the dividing line is a straight line or a curved line, wherein the straight line is a horizontal straight line or an oblique straight line; and/or the presence of a gas in the gas,
the graph is a broken line formed by a plurality of line segments connected in sequence, or a curve combination formed by a plurality of curves connected in sequence, or a column formed by a plurality of columns arranged side by side.
Optionally, when the graph is a broken line formed by a plurality of line segments connected in sequence or a curve formed by a plurality of curves connected in sequence, the dividing the graph to be drawn into a first display area and a second display area by a dividing line, wherein the first display area is located on a first side of the dividing line, and the second display area is located on a second side of the dividing line, includes:
setting a dividing line to be intersected with the chart to be drawn, dividing the chart to be drawn into two parts, and forming a first display area positioned on the first side of the dividing line and a second display area positioned on the second side of the dividing line;
splitting a chart to be drawn into a plurality of sections which are connected in sequence, wherein each section of line has a corresponding expression equation;
and finding intersections of the segment lines and the dividing lines, wherein a portion of each segment line located below the corresponding intersection is located in the first display region, and a portion of each segment line located above the corresponding intersection is located in the second display region.
Optionally, the drawing the chart in the first display area in a first color and the drawing the chart in the second display area in a second color includes:
for each segment of line, drawing a line from the end point of the segment of line positioned in the first display area to the corresponding intersection point by using a first color to form a first color drawing line, and drawing a line from the corresponding intersection point to the end point of the segment of line positioned in the second display area by using a second color to form a second color drawing line.
Optionally, if a line having no intersection with the dividing line is included in a plurality of segments of the graph to be drawn, determining whether the segment of the line is located in the first display area or the second display area;
and if the segment line is judged to be positioned in the first display area, drawing the segment line by adopting a first color, and if the segment line is judged to be positioned in the second display area, drawing the segment line by adopting a second color.
Alternatively, when drawing each segment line, the coordinates (x) of the starting drawing point of the segment line are set 0 ，y 0 ) Transverse coordinate value x of 0 Successively adding delta x to obtain coordinate value (x) of new coordinate point on said segment line n ＝x 0 +n·Δx，y n ) Coordinate values (x) of the new coordinate point n ＝x 0 +n·Δx，y n ) The left-hand mathematical expression of the equation substituted into the dividing line,
wherein n is an integer greater than or equal to 1, the expression form of the equation of the dividing line is that the left side of the equal sign is a mathematical expression, and the right side is zero, and the mathematical expression positioned on the left side of the equal sign in the equation of the dividing line is called as a left side mathematical expression;
if the value of the left side mathematical expression of the equation of the dividing line is obtained is less than zero, the new coordinate point is drawn by adopting the first color, the first color drawing line is formed by sequentially drawing the plurality of coordinate points, if the value of the left side mathematical expression of the equation of the dividing line is obtained is greater than zero, the new coordinate point is drawn by adopting the second color, and the second color drawing line is formed by sequentially drawing the plurality of coordinate points.
Alternatively, when drawing of each segment line is performed, drawing is performed from the left side to the right side of each segment line in the direction along the lateral coordinate axis.
Alternatively, if the value of the left side equation of the equation for obtaining the dividing line is equal to zero, the new coordinate point is skipped in drawing.
Optionally, the drawing the chart in the first display area in a first color and the drawing the chart in the second display area in a second color includes:
for each section of line, drawing by adopting a first color respectively to obtain a chart drawn by adopting the first color;
and creating an overlay layer for covering the second display area, and drawing a line between each section of line and an end point of the section of line, which is located in the second display area, from a corresponding intersection point on the overlay layer by using a second color, so that the overlay layer covers the second display area of the graph drawn by using the first color, and the second color drawing line on the overlay layer overlaps and covers the first color drawing line located in the second display area, so that the graph has a regional color display function.
Optionally, a color display control for different regions is arranged corresponding to the covering layer, and the color display control for different regions is used for controlling the covering layer to be opened or closed so as to open or close the color display function for different regions of the chart.
Optionally, the shape of the overlay layer matches the shape of the second display area, which includes a regular shape and an irregular shape;
when the dividing line is a horizontal straight line, the covering layer is of a regular rectangular structure;
when the dividing line is an oblique straight line, the dividing line is of a rectangular structure with a chamfered edge at the lower part, wherein the chamfered edge is matched with the dividing line;
and when the dividing line is a curve, the covering layer is of a rectangular structure with a curve edge cut at the lower part, wherein the curve edge cut is matched with the dividing line.
Optionally, canvas software is used for the drawing of the chart.
According to a second aspect of the embodiments of the present invention, there is provided an apparatus for performing a color display of a chart by regions, the apparatus including:
the chart drawing device comprises a dividing unit, a drawing unit and a display unit, wherein the dividing unit is used for dividing a chart to be drawn into a first display area and a second display area through a dividing line, the first display area is positioned on the first side of the dividing line, and the second display area is positioned on the second side of the dividing line;
and the drawing unit is used for drawing the chart in a first color in the first display area and drawing the chart in a second color in the second display area so as to display the chart in a color mode of different areas.
According to a third aspect of embodiments of the present invention, there is provided a computer-readable storage medium, wherein the storage medium stores a computer program for executing the method.
According to a fourth aspect of embodiments of the present invention, there is provided an electronic apparatus, including:
a processor;
a memory for storing executable instructions of the processor;
wherein the processor is configured to read the executable instructions from the memory and execute the instructions to implement the method.
Based on the method, the apparatus, the storage medium, and the electronic device for performing color display of a chart in different regions provided by the above embodiments of the present invention, the method for performing color display of a chart in different regions includes: dividing a chart to be drawn into a first display area and a second display area through a dividing line, wherein the first display area is positioned on a first side of the dividing line, and the second display area is positioned on a second side of the dividing line; and drawing the chart in a first color in the first display area and drawing the chart in a second color in the second display area, thereby realizing the regional color display of the chart. According to the technical scheme, the defects of the existing chart drawing plug-in are overcome, different colors can be displayed in different area sections of the chart, so that different rendering connection effects of the chart are displayed, and the visual experience effect and the use experience of a chart reading user are greatly improved.
Drawings
The above and other objects, features and advantages of the present invention will become more apparent by describing in more detail embodiments of the present invention with reference to the attached drawings. The accompanying drawings are included to provide a further understanding of the embodiments of the invention and are incorporated in and constitute a part of this specification, illustrate embodiments of the invention and together with the description serve to explain the principles of the invention and not to limit the invention. In the drawings, like reference numbers generally represent like parts or steps.
FIG. 1 is a diagram of a user representation in the prior art;
FIG. 2 is a flowchart illustrating a method for color display of a chart according to an exemplary embodiment of the present invention;
FIG. 3 is a diagram of a chart drawn by a method of color displaying the chart by regions according to an exemplary embodiment of the invention;
FIG. 4 is a schematic structural diagram of an apparatus for color-displaying a chart by regions according to an exemplary embodiment of the present invention;
fig. 5 is a schematic structural diagram of an electronic device according to an exemplary embodiment of the present invention.
Detailed Description
Hereinafter, example embodiments according to the present invention will be described in detail with reference to the accompanying drawings. It is to be understood that the described embodiments are merely a subset of embodiments of the invention and not all embodiments of the invention, with the understanding that the invention is not limited to the example embodiments described herein.
It should be noted that: the relative arrangement of the components and steps, the numerical expressions and numerical values set forth in these embodiments do not limit the scope of the present invention unless specifically stated otherwise.
It will be understood by those of skill in the art that the terms "first," "second," and the like in the embodiments of the present invention are used merely to distinguish one element, step, device, module, or the like from another element, and do not denote any particular technical or logical order therebetween.
It should also be understood that in embodiments of the present invention, "a plurality" may refer to two or more and "at least one" may refer to one, two or more.
It is also to be understood that any reference to any component, data, or structure in the embodiments of the invention may be generally understood as one or more, unless explicitly defined otherwise or stated to the contrary hereinafter.
In addition, the term "and/or" in the present invention is only one kind of association relationship describing the associated object, and means that there may be three kinds of relationships, for example, a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" in the present invention generally indicates that the preceding and succeeding related objects are in an "or" relationship.
It should also be understood that the description of the embodiments of the present invention emphasizes the differences between the embodiments, and the same or similar parts may be referred to each other, so that the descriptions thereof are omitted for brevity.
Meanwhile, it should be understood that the sizes of the respective portions shown in the drawings are not drawn in an actual proportional relationship for the convenience of description.
The following description of at least one exemplary embodiment is merely illustrative in nature and is in no way intended to limit the invention, its application, or uses.
Techniques, methods, and apparatus known to those of ordinary skill in the relevant art may not be discussed in detail, but are intended to be part of the specification where appropriate.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, further discussion thereof is not required in subsequent figures.
Embodiments of the invention are operational with numerous other general purpose or special purpose computing system environments or configurations, and with numerous other electronic devices, such as terminal devices, computer systems, servers, etc. Examples of well known terminal devices, computing systems, environments, and/or configurations that may be suitable for use with electronic devices, such as terminal devices, computer systems, servers, and the like, include, but are not limited to: personal computer systems, server computer systems, thin clients, thick clients, hand-held or laptop devices, microprocessor-based systems, set-top boxes, programmable consumer electronics, network personal computers, small computer systems, mainframe computer systems, and distributed cloud computing environments that include any of the above, and the like.
Electronic devices such as terminal devices, computer systems, servers, etc. may be described in the general context of computer system-executable instructions, such as program modules, being executed by a computer system. Generally, program modules may include routines, programs, objects, components, logic, data structures, etc. that perform particular tasks or implement particular abstract data types. The computer system/server may be practiced in distributed cloud computing environments where tasks are performed by remote processing devices that are linked through a communications network. In a distributed cloud computing environment, program modules may be located in both local and remote computer system storage media including memory storage devices.
Exemplary method one
Fig. 2 is a flowchart illustrating a method for performing a color display on a chart according to an exemplary embodiment of the present invention. The embodiment can be applied to an electronic device, and as shown in fig. 2, the method for performing color display on a chart by regions in the embodiment includes the following steps:
step S01: dividing a chart to be drawn into a first display area and a second display area through a dividing line, wherein the first display area is positioned on a first side of the dividing line, and the second display area is positioned on a second side of the dividing line;
in the step, the dividing line is a straight line or a curve, wherein when the dividing line is a straight line, the straight line is a horizontal straight line or an oblique straight line; and/or the graph is a broken line formed by a plurality of line segments connected in sequence, or a curve combination formed by a plurality of curves connected in sequence, or a column formed by a plurality of columns arranged side by side.
When the graph is a broken line formed by a plurality of line segments connected in sequence, or a curve formed by a plurality of curves connected in sequence, the step S01 further includes steps S011 to S013, which are as follows:
step S011: setting a dividing line to be intersected with the chart to be drawn, dividing the chart to be drawn into two parts, and forming a first display area positioned on the first side of the dividing line and a second display area positioned on the second side of the dividing line;
specifically, referring to fig. 3 again, in this embodiment, a horizontal straight line L is set as a dividing line (as shown by a dotted line in fig. 3), a diagram to be drawn is formed by sequentially connecting a line segment AB, a line segment BC, and a line segment CD, the line segment AB, the line segment BC, and the line segment CD are sequentially connected from left to right, the dividing line L sequentially passes through the line segment AB, the line segment BC, and the line segment CD from left to right, the diagram to be drawn is divided into two parts, and a first display area located on a first side of the dividing line and a second display area located on a second side of the dividing line are formed.
In this embodiment, since the dividing line L divides the chart to be drawn into an upper side and a lower side, the dividing line first side is specifically the lower side of the dividing line L, and the dividing line second side is specifically the upper side of the dividing line L.
Step S012: splitting a chart to be drawn into a plurality of sections which are connected in sequence, wherein each section of line has a corresponding expression equation;
specifically, the chart to be drawn is split in sequence, and the splitting principle is that each split line has a corresponding expression equation, so that the chart to be drawn is split into multiple sections which are connected in sequence.
With continued reference to fig. 3, in this embodiment, the chart to be drawn is split into a line segment AB, a line segment BC, and a line segment CD, which are three lines. Since the spatial positions of the point a, the point B, the point C and the point D are determined, the mathematical expressions of the line segment AB, the line segment BC and the line segment CD can be solved according to the equation of the straight line with two points.
Step S013: and finding intersections of the segment lines and the dividing lines, wherein a portion of each segment line located below the corresponding intersection is located in the first display region, and a portion of each segment line located above the corresponding intersection is located in the second display region.
Specifically, with continued reference to fig. 3, intersections of segment AB, segment BC, and segment CD with segment L are determined, respectively, where the intersection of segment AB with segment L is E (x1, y1), the intersection of segment BC with segment L is F (x2, y2), and the intersection of segment CD with segment L is G (x3, y 3).
In the specific solving process of the intersection point, according to the formula of the intersection point of the two straight lines:
knowing the straight line one: a. the 1 x+B 1 y+C 1 ＝0；
The known straight line two: a. the 2 x+B 2 y+C 2 ＝0；
The intersection of line one and line two can be found to be:
the abscissa x ═ B 1 C 2 -C 1 B 2 )/(A 1 B 2 -A 2 B 1 ) (ii) a Ordinate y ═ a 2 C 1 -A 1 C 2 )/(A 1 B 2 -A 2 B 1 )；
At this time, the water line (i.e. the dividing line) is a constant, i.e. y ═ n, where n is a real number, and the intersection point between the water line and each line segment can be found by substituting the formula.
By using the above calculation formula, the specific coordinate values of the intersection point E, the intersection point F and the intersection point G can be obtained.
In this embodiment, the AE section in the line segment AB, the FC section in the line segment BC, and the CG section in the line segment CD are located below the corresponding intersection points, respectively, so that the AE section, the FC section, and the CG section are located in the first display region, and the EB section in the line segment AB, the BF section in the line segment BC, and the GD section in the line segment CD are located above the corresponding intersection points, respectively, so that the AE section, the FC section, and the CG section are located in the second display region.
Step S02: and drawing the chart in a first color in the first display area, and drawing the chart in a second color in the second display area so as to display the chart in a color manner by areas.
In this step, for each segment of line, a line from the end point of the segment of line located in the first display region to the corresponding intersection point is drawn with a first color to form a first color drawing line, and a line from the corresponding intersection point to the end point of the segment of line located in the second display region is drawn with a second color to form a second color drawing line.
Specifically, with continued reference to fig. 3, in this embodiment, the AE segment, the FC segment, and the CG segment are drawn with a first color to form a first color drawing line, and the EB segment, the BF segment, and the GD segment are drawn with a second color to form a second color drawing line.
In this embodiment, the first color drawing line is gray, and the second color drawing line is blue (not shown in the figure), but it is not limited thereto, and the display colors of the first color and the second color may be selected distinctively as needed, so as to display the differentiated visual effect on the first color drawing line and the second color drawing line. When drawing each segment line, drawing is performed from the left side to the right side of each segment line in the direction along the lateral coordinate axis using canvas software.
Further, if a line having no intersection with the dividing line is included in a plurality of segments of the graph to be drawn, it is determined whether the segment line is located in the first display region or the second display region. And if the segment line is judged to be positioned in the first display area, drawing the segment line by adopting a first color, and if the segment line is judged to be positioned in the second display area, drawing the segment line by adopting a second color.
When drawing each segment line, the coordinate (x) of the initial drawing point of the segment line is set 0 ，y 0 ) Transverse coordinate value x of 0 Successively adding delta x to obtain coordinate value (x) of new coordinate point on said segment line n ＝x 0 +n·Δx，y n ) Coordinate values (x) of the new coordinate point n ＝x 0 +n·Δx，y n ) And substituting the left-side mathematical expression of the equation of the division line, wherein n is an integer greater than or equal to 1, the expression form of the equation of the division line is that the left side of the equal sign is the mathematical expression, and the right side is zero, and the mathematical expression positioned on the left side of the equal sign in the equation of the division line is called the left-side mathematical expression.
If the value of the left side mathematical expression of the equation of the obtained dividing line is less than zero, the new coordinate point is drawn by adopting the first color, the first color drawing line is formed by drawing the coordinate points in sequence, if the value of the left side mathematical expression of the equation of the obtained dividing line is greater than zero, the new coordinate point is drawn by adopting the second color, and the second color drawing line is formed by drawing the coordinate points in sequence.
And if the value of the left side mathematical expression of the equation of the obtained dividing line is equal to zero, the new coordinate point is indicated as the intersection point of the dividing line and the segment line, and the new coordinate point is skipped during drawing. Therefore, the non-color drawing of the intersection point is realized, and the two adjacent color segments are segmented more clearly.
It should be noted that the equation of the dividing line may be different according to the dividing line, and if the dividing line is an oblique straight line, the equation of the dividing line is Ax + By + C ═ 0, which is not limited herein.
In the embodiment shown in fig. 3, the relationship between the polygonal line segment and the dividing line can be easily distinguished by using the characteristics of the thread equation and the intersection formula of two straight lines, and according to the method, the method can be extended and applied to more complex display graphs such as curves and histograms, and similar effect graphs can be drawn by obtaining the intersection and by means of bezier curves and the like.
By drawing the chart with the colors in different areas, the defects of the existing chart drawing plug-in are overcome, different colors can be displayed in different area sections of the chart, so that different rendering connection effects of the chart are displayed, and the visual experience effect and the use experience of a chart reading user are greatly improved.
Exemplary method two
Fig. 2 is a flowchart illustrating a method for color-displaying a chart by regions according to an exemplary embodiment of the present invention. The embodiment can be applied to an electronic device, and as shown in fig. 2, the method for performing color display on a chart by regions in the embodiment includes the following steps:
step S01: dividing a chart to be drawn into a first display area and a second display area through a dividing line, wherein the first display area is positioned on a first side of the dividing line, and the second display area is positioned on a second side of the dividing line;
in the step, the dividing line is a straight line or a curve, wherein when the dividing line is a straight line, the straight line is a horizontal straight line or an oblique straight line; and/or the graph is a broken line formed by a plurality of line segments connected in sequence, or a curve combination formed by a plurality of curves connected in sequence, or a column graph formed by a plurality of columns arranged side by side.
When the graph is a broken line formed by a plurality of line segments connected in sequence, or a curve formed by a plurality of curves connected in sequence, the step S01 further includes steps S011 to S013, which are as follows:
step S011: setting a dividing line to be intersected with the chart to be drawn, dividing the chart to be drawn into two parts, and forming a first display area positioned on a first side of the dividing line and a second display area positioned on a second side of the dividing line;
specifically, referring to fig. 3 again, in this embodiment, a horizontal straight line L is set as a dividing line (as shown by a dotted line in fig. 3), a diagram to be drawn is formed by sequentially connecting a line segment AB, a line segment BC, and a line segment CD, the line segment AB, the line segment BC, and the line segment CD are sequentially connected from left to right, the dividing line L sequentially passes through the line segment AB, the line segment BC, and the line segment CD from left to right, the diagram to be drawn is divided into two parts, and a first display area located on a first side of the dividing line and a second display area located on a second side of the dividing line are formed.
In this embodiment, since the dividing line L divides the chart to be drawn into an upper side and a lower side, the dividing line first side is specifically the lower side of the dividing line L, and the dividing line second side is specifically the upper side of the dividing line L.
Step S012: splitting a chart to be drawn into a plurality of sections which are connected in sequence, wherein each section of line has a corresponding expression equation;
specifically, the chart to be drawn is split in sequence, and the splitting principle is that each split line has a corresponding expression equation, so that the chart to be drawn is split into multiple sections which are connected in sequence.
With continued reference to fig. 3, in this embodiment, the chart to be drawn is split into a line segment AB, a line segment BC, and a line segment CD, which are three lines. Since the spatial positions of the point a, the point B, the point C and the point D are determined, the mathematical expressions of the line segment AB, the line segment BC and the line segment CD can be solved according to the equation of the straight line with two points.
Step S013: and finding intersections of the segment lines and the dividing lines, wherein a portion of each segment line located below the corresponding intersection is located in the first display region, and a portion of each segment line located above the corresponding intersection is located in the second display region.
Specifically, with continued reference to fig. 3, the intersections of segment AB and segment BC and segment CD with segment L are determined, respectively, where the intersection of segment AB and segment L is E (x1, y1), the intersection of segment BC and segment L is F (x2, y2), and the intersection of segment CD and segment L is G (x3, y 3).
In the specific solving process of the intersection point, according to the formula of the intersection point of the two straight lines:
given a straight line one: a. the 1 x+B 1 y+C 1 ＝0；
The known straight line two: a. the 2 x+B 2 y+C 2 ＝0；
The intersection of line one and line two can be found to be:
abscissa x ═ B 1 C 2 -C 1 B 2 )/(A 1 B 2 -A 2 B 1 ) (ii) a Ordinate y ═ a 2 C 1 -A 1 C 2 )/(A 1 B 2 -A 2 B 1 )；
At this time, the water line (i.e. the dividing line) is a constant, i.e. y ═ n, where n is a real number, and the intersection of the water line and each line segment can be found by substituting the formula.
By using the above calculation formula, the specific coordinate values of the intersection point E, the intersection point F and the intersection point G can be obtained.
In this embodiment, the AE section in the line segment AB, the FC section in the line segment BC, and the CG section in the line segment CD are located below the corresponding intersection points, respectively, so that the AE section, the FC section, and the CG section are located in the first display region, and the EB section in the line segment AB, the BF section in the line segment BC, and the GD section in the line segment CD are located above the corresponding intersection points, respectively, so that the AE section, the FC section, and the CG section are located in the second display region.
Step S02: and drawing the chart in a first color in the first display area, and drawing the chart in a second color in the second display area so as to display the chart in a color manner by areas.
Step S02 further includes steps S021 to S022, which are as follows:
step S021: for each section of line, drawing by adopting a first color respectively to obtain a chart drawn by adopting the first color;
specifically, with continued reference to fig. 3, the AB segment, the BC segment, and the CD segment are first drawn with the first color, so that the drawing of the segment lines is completed, and the chart drawn with the first color is obtained.
Step S022: and creating an overlay layer for covering the second display area, and drawing a line between each section of line and an end point of the section of line, which is located in the second display area, from a corresponding intersection point on the overlay layer by using a second color, so that the overlay layer covers the second display area of the graph drawn by using the first color, and the second color drawing line on the overlay layer overlaps and covers the first color drawing line located in the second display area, so that the graph has a regional color display function.
Specifically, with continued reference to fig. 3, a cover layer for covering the second display area is created, and a second color is used to draw a line between each segment of line and an end point of the segment of line located in the second display area from the corresponding intersection point on the cover layer, that is, an EB segment and a GD segment are drawn on the cover layer by using the second color, so that the cover layer covers the second display area of the graph drawn by using the first color, and the EB segment and the GD segment drawn by using the second color on the cover layer are overlaid on the EB segment and the GD segment drawn by using the first color, thereby realizing the color display of the graph by regions.
In this embodiment, the first color drawing line is gray, and the second color drawing line is blue (not shown in the figure), but it is not limited thereto, and the display colors of the first color and the second color may be selected distinctively as needed, so as to display the differentiated visual effect on the first color drawing line and the second color drawing line. When drawing each segment line, drawing is performed from the left side to the right side of each segment line in the direction along the lateral coordinate axis using canvas software.
The shape of the covering layer is matched with that of the second display area, and the covering layer comprises a regular shape and an irregular shape. When the dividing line is a horizontal straight line, the covering layer is in a regular rectangular structure; when the dividing line is an oblique straight line, the dividing line is of a rectangular structure with a chamfered edge at the lower part, wherein the chamfered edge is matched with the dividing line; when the dividing line is a curve, the covering layer is of a rectangular structure with a curve trimming edge at the lower part, wherein the curve trimming edge is matched with the dividing line. Therefore, perfect fit between layers is realized, and mutual interference between the layers is avoided.
Furthermore, a regional color display control is arranged corresponding to the covering layer and used for controlling the covering layer to be opened or closed so as to open or close the regional color display function of the chart.
By setting the regional color display control, the drawn chart has a single color display mode and a regional color display mode, and a user can select a specific display mode according to specific needs, so that the use experience of the user is greatly improved.
In the embodiment shown in fig. 3, the relationship between the polygonal line segment and the dividing line can be easily distinguished by using the characteristics of the thread equation and the intersection formula of two straight lines, and according to the method, the method can be extended and applied to more complex display graphs such as curves and histograms, and similar effect graphs can be drawn by obtaining the intersection and by means of bezier curves and the like.
In the implementation method, besides the advantages of the first example method, a user can select a specific display mode according to needs, so that the chart is better in applicability and better in user experience.
Exemplary devices
Fig. 4 is a schematic structural diagram of an apparatus for performing a color display on a chart by regions according to an exemplary embodiment of the present invention. As shown in fig. 4, the apparatus for color-displaying a chart by regions according to this embodiment includes:
a dividing unit 201, configured to divide a chart to be drawn into a first display area and a second display area through a dividing line, where the first display area is located on a first side of the dividing line, and the second display area is located on a second side of the dividing line;
the drawing unit 202 is configured to draw the chart in a first color in the first display area, draw the chart in a second color in the second display area, and perform color display on the chart in different areas.
Optionally, the dividing line is a straight line or a curved line, wherein the straight line is a horizontal straight line or an oblique straight line; and/or the graph is a broken line formed by a plurality of line segments connected in sequence, or a curve combination formed by a plurality of curves connected in sequence, or a column formed by a plurality of columns arranged side by side.
Alternatively, when the graph is a broken line formed by a plurality of line segments connected in sequence, or a curve formed by a plurality of curves connected in sequence, the dividing unit 201 is configured to:
setting a dividing line to be intersected with the chart to be drawn, dividing the chart to be drawn into two parts, and forming a first display area positioned on the first side of the dividing line and a second display area positioned on the second side of the dividing line;
splitting a chart to be drawn into a plurality of sections which are connected in sequence, wherein each section of line has a corresponding expression equation;
and finding intersections of the segment lines and the dividing lines, wherein a portion of each segment line located below the corresponding intersection is located in the first display region, and a portion of each segment line located above the corresponding intersection is located in the second display region.
Optionally, the rendering unit 202 is configured to: for each segment of line, drawing a line from the end point of the segment of line positioned in the first display area to the corresponding intersection point by using a first color to form a first color drawing line, and drawing a line from the corresponding intersection point to the end point of the segment of line positioned in the second display area by using a second color to form a second color drawing line.
Optionally, if a line having no intersection with the dividing line is included in a plurality of segments of the graph to be drawn, determining whether the segment of the line is located in the first display area or the second display area;
and if the segment line is judged to be positioned in the first display area, drawing the segment line by adopting a first color, and if the segment line is judged to be positioned in the second display area, drawing the segment line by adopting a second color.
Alternatively, when drawing each segment line, the coordinates (x) of the starting drawing point of the segment line are set 0 ，y 0 ) Transverse coordinate value x of 0 Successively adding delta x to obtain coordinate value (x) of new coordinate point on said segment line n ＝x 0 +n·Δx，y n ) Coordinate values (x) of the new coordinate point n ＝x 0 +n·Δx，y n ) The left-hand mathematical expression of the equation substituted into the dividing line,
wherein n is an integer greater than or equal to 1, the expression form of the equation of the dividing line is that the left side of the equal sign is a mathematical expression, and the right side is zero, and the mathematical expression positioned on the left side of the equal sign in the equation of the dividing line is called as a left side mathematical expression;
if the value of the left side mathematical expression of the equation of the dividing line is obtained is less than zero, the new coordinate point is drawn by adopting the first color, the first color drawing line is formed by sequentially drawing the plurality of coordinate points, if the value of the left side mathematical expression of the equation of the dividing line is obtained is greater than zero, the new coordinate point is drawn by adopting the second color, and the second color drawing line is formed by sequentially drawing the plurality of coordinate points.
Alternatively, when drawing each segment line, drawing is performed from the left side to the right side of each segment line in the direction along the lateral coordinate axis.
Alternatively, if the value of the left-side equation of the equation for obtaining the dividing line is equal to zero, the new coordinate point is skipped in the drawing.
Optionally, the drawing unit 202 is further configured to:
for each section of line, drawing by adopting a first color respectively to obtain a chart drawn by adopting the first color;
and creating an overlay layer for covering the second display area, and drawing a line between each section of line and an end point of the section of line, which is located in the second display area, from a corresponding intersection point to the end point of the section of line on the overlay layer by using a second color, so that the overlay layer covers the second display area of the graph drawn by using the first color, and the second color drawing line on the overlay layer overlaps and covers the first color drawing line located in the second display area, so that the graph has a regional color display function.
Optionally, a color display control for different regions is arranged corresponding to the covering layer, and the color display control for different regions is used for controlling the covering layer to be opened or closed so as to open or close the color display function for different regions of the chart.
Optionally, the shape of the overlay layer matches the shape of the second display area, which includes a regular shape and an irregular shape;
when the dividing line is a horizontal straight line, the covering layer is in a regular rectangular structure;
when the dividing line is an oblique straight line, the dividing line is of a rectangular structure with a chamfered edge at the lower part, wherein the chamfered edge is matched with the dividing line;
when the dividing line is a curve, the covering layer is of a rectangular structure with a curve trimming edge at the lower part, wherein the curve trimming edge is matched with the dividing line.
Optionally, canvas software is used for the drawing of the chart.
It should be noted that the device for performing color display on a chart in different regions shown in fig. 4 corresponds to the method for performing color display on a chart in different regions in the present invention, and for the description thereof, reference may be made to the description of the method for performing color display on a chart in different regions in the present invention, and details are not described here again.
According to the device for displaying the chart in the color in the areas, provided by the invention, the chart is drawn in the color in the areas, so that the defects of the existing chart drawing plug-in are overcome, different colors can be displayed in different area sections of the chart, different rendering and connecting effects of the chart are displayed, and the visual experience effect and the use experience of a chart reading user are greatly improved. In addition, the user can select a specific display mode according to needs, so that the icon is better in applicability and better in user experience.
Exemplary computer program product and computer-readable storage Medium
In addition to the above methods and apparatus, embodiments of the present disclosure may also be a computer program product comprising computer program instructions that, when executed by a processor, cause the processor to perform the steps in the filtering method for sensitive web site images according to various embodiments of the present disclosure described in the "exemplary methods" section above of this specification.
The computer program product may write program code for carrying out operations for embodiments of the present disclosure in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server.
Furthermore, embodiments of the present disclosure may also be a computer-readable storage medium, on which computer program instructions are stored, which when executed by a processor cause the processor to execute the steps in the filtering method for the sensitive website image according to various embodiments of the present disclosure described in the above "exemplary method" section of this specification.
The computer readable storage medium may take any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may include, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
Exemplary electronic device
Fig. 5 is a structure of an electronic device according to an exemplary embodiment of the present invention. The electronic device may be either or both of the first device and the second device, or a stand-alone device separate from them, which stand-alone device may communicate with the first device and the second device to receive the acquired input signals therefrom. FIG. 5 illustrates a block diagram of an electronic device in accordance with an embodiment of the disclosure. As shown in fig. 5, the electronic device 300 includes one or more processors 301 and memory 302.
The processor 301 may be a Central Processing Unit (CPU) or other form of processing unit having data processing capabilities and/or instruction execution capabilities, and may control other components in the electronic device to perform desired functions.
The input device 303 may also include, for example, a keyboard, a mouse, and the like.
The output device 304 can output various information to the outside. The output devices 304 may include, for example, a display, speakers, a printer, and a communication network and its connected remote output devices, among others.
Of course, for simplicity, only some of the components of the electronic device relevant to the present disclosure are shown in fig. 5, omitting components such as buses, input/output interfaces, and so forth. In addition, the electronic device may include any other suitable components, depending on the particular application.
The foregoing describes the general principles of the present disclosure in conjunction with specific embodiments, however, it is noted that the advantages, effects, etc. mentioned in the present disclosure are merely examples and are not limiting, and they should not be considered essential to the various embodiments of the present disclosure. Furthermore, the foregoing disclosure of specific details is for the purpose of illustration and description and is not intended to be limiting, since the disclosure is not intended to be limited to the specific details so described.
In the present specification, the embodiments are described in a progressive manner, and each embodiment focuses on differences from other embodiments, and the same or similar parts in each embodiment are referred to each other. For the system embodiment, since it basically corresponds to the method embodiment, the description is relatively simple, and reference may be made to the partial description of the method embodiment for relevant points.
The block diagrams of devices, apparatuses, systems referred to in this disclosure are only given as illustrative examples and are not intended to require or imply that the connections, arrangements, configurations, etc. must be made in the manner shown in the block diagrams. These devices, apparatuses, devices, systems may be connected, arranged, configured in any manner, as will be appreciated by those skilled in the art. Words such as "including," "comprising," "having," and the like are open-ended words that mean "including, but not limited to," and are used interchangeably therewith. The words "or" and "as used herein mean, and are used interchangeably with, the word" and/or, "unless the context clearly dictates otherwise. The word "such as" is used herein to mean, and is used interchangeably with, the phrase "such as but not limited to".
The methods and apparatus of the present disclosure may be implemented in a number of ways. For example, the methods and apparatus of the present disclosure may be implemented by software, hardware, firmware, or any combination of software, hardware, and firmware. The above-described order for the steps of the method is for illustration only, and the steps of the method of the present disclosure are not limited to the order specifically described above unless specifically stated otherwise. Further, in some embodiments, the present disclosure may also be embodied as programs recorded in a recording medium, the programs including machine-readable instructions for implementing the methods according to the present disclosure. Thus, the present disclosure also covers a recording medium storing a program for executing the method according to the present disclosure.
It is also noted that in the devices, apparatuses, and methods of the present disclosure, each component or step can be decomposed and/or recombined. These decompositions and/or recombinations are to be considered equivalents of the present disclosure. The previous description of the disclosed aspects is provided to enable any person skilled in the art to make or use the present disclosure. Various modifications to these aspects will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other aspects without departing from the scope of the disclosure. Thus, the present disclosure is not intended to be limited to the aspects shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
The foregoing description has been presented for purposes of illustration and description. Furthermore, this description is not intended to limit embodiments of the disclosure to the form disclosed herein. While a number of example aspects and embodiments have been discussed above, those of skill in the art will recognize certain variations, modifications, alterations, additions and sub-combinations thereof.
Claims (13)
1. A method for color display of a chart in regions, the method comprising:
dividing a chart to be drawn into a first display area and a second display area through a dividing line, wherein the first display area is positioned on a first side of the dividing line, and the second display area is positioned on a second side of the dividing line;
and drawing the chart in a first color in the first display area, and drawing the chart in a second color in the second display area so as to display the chart in a color manner by areas.
2. The method of claim 1, wherein the split line is a straight line or a curved line, wherein the straight line is a horizontal straight line or an oblique straight line; and/or the presence of a gas in the gas,
the graph is a broken line formed by a plurality of line segments connected in sequence, or a curve combination formed by a plurality of curves connected in sequence, or a column diagram formed by a plurality of columns arranged side by side.
3. The method according to claim 2, wherein when the graph is a broken line formed by a plurality of line segments connected in sequence or a combination of curves formed by a plurality of curves connected in sequence, the dividing the graph to be drawn by a dividing line into a first display region and a second display region, wherein the first display region is located on a first side of the dividing line and the second display region is located on a second side of the dividing line, comprises:
setting a dividing line to be intersected with the chart to be drawn, dividing the chart to be drawn into two parts, and forming a first display area positioned on the first side of the dividing line and a second display area positioned on the second side of the dividing line;
splitting a chart to be drawn into a plurality of sections which are connected in sequence, wherein each section of line has a corresponding expression equation;
and finding intersections of the segment lines and the dividing lines, wherein a portion of each segment line located below the corresponding intersection is located in the first display region, and a portion of each segment line located above the corresponding intersection is located in the second display region.
4. The method of claim 3, wherein said rendering said chart in a first color in said first display region and a second color in said second display region comprises:
for each segment of line, drawing a line from the end point of the segment of line positioned in the first display area to the corresponding intersection point by using a first color to form a first color drawing line, and drawing a line from the corresponding intersection point to the end point of the segment of line positioned in the second display area by using a second color to form a second color drawing line.
5. The method according to claim 4, wherein if a line having no intersection with the dividing line is included in the plurality of segments of the graph to be drawn, it is determined whether the segment line is located in the first display region or the second display region;
and if the segment line is judged to be positioned in the first display area, drawing the segment line by adopting a first color, and if the segment line is judged to be positioned in the second display area, drawing the segment line by adopting a second color.
6. A method according to claim 4, characterized in that in the drawing of each segment line, the coordinates (x) of the starting drawing point of the segment line are taken 0 ，y 0 ) Transverse coordinate value x of 0 Successively adding delta x to obtain coordinate value (x) of new coordinate point on said segment line n ＝x 0 +n·Δx，y n ) Coordinate values (x) of the new coordinate point n ＝x 0 +n·Δx，y n ) The left-hand mathematical expression of the equation substituted into the dividing line,
wherein n is an integer greater than or equal to 1, the expression form of the equation of the dividing line is that the left side of the equal sign is a mathematical expression, and the right side is zero, and the mathematical expression positioned on the left side of the equal sign in the equation of the dividing line is called as a left side mathematical expression;
if the value of the left side mathematical expression of the equation of the obtained dividing line is less than zero, the new coordinate point is drawn by adopting the first color, the first color drawing line is formed by drawing the coordinate points in sequence, if the value of the left side mathematical expression of the equation of the obtained dividing line is greater than zero, the new coordinate point is drawn by adopting the second color, and the second color drawing line is formed by drawing the coordinate points in sequence.
7. The method of claim 6, wherein the new coordinate point is skipped when plotting if the value of the left-hand equation of the equation that yields the split line is equal to zero.
8. The method of claim 3, wherein said rendering said chart in a first color in said first display region and a second color in said second display region comprises:
for each section of line, drawing by adopting a first color respectively to obtain a chart drawn by adopting the first color;
and creating an overlay layer for covering the second display area, and drawing a line between each section of line and an end point of the section of line, which is located in the second display area, from a corresponding intersection point on the overlay layer by using a second color, so that the overlay layer covers the second display area of the graph drawn by using the first color, and the second color drawing line on the overlay layer overlaps and covers the first color drawing line located in the second display area, so that the graph has a regional color display function.
9. The method according to claim 8, wherein a color display control with different regions is provided corresponding to the overlay layer, and the color display control with different regions is used to control the overlay layer to be opened or closed so as to open or close a color display function with different regions of the chart.
10. The method according to claim 8, wherein the shape of the overlay layer matches the shape of the second display area, which includes regular shapes and irregular shapes;
when the dividing line is a horizontal straight line, the covering layer is in a regular rectangular structure;
when the dividing line is an oblique straight line, the dividing line is of a rectangular structure with a chamfered edge at the lower part, wherein the chamfered edge is matched with the dividing line;
when the dividing line is a curve, the covering layer is of a rectangular structure with a curve trimming edge at the lower part, wherein the curve trimming edge is matched with the dividing line.
11. An apparatus for zoned color display of a chart, the apparatus comprising:
the chart drawing device comprises a dividing unit, a drawing unit and a display unit, wherein the dividing unit is used for dividing a chart to be drawn into a first display area and a second display area through a dividing line, the first display area is positioned on the first side of the dividing line, and the second display area is positioned on the second side of the dividing line;
and the drawing unit is used for drawing the chart in a first color in the first display area and drawing the chart in a second color in the second display area so as to display the chart in a color mode of different areas.
12. A computer-readable storage medium, characterized in that the storage medium stores a computer program for performing the method according to any of claims 1-10.
13. An electronic device, characterized in that the electronic device comprises:
a processor;
a memory for storing executable instructions of the processor;
wherein the processor is configured to read the executable instructions from the memory and execute the instructions to implement the method of any one of claims 1-10.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210574969.4A CN114913268A (en) | 2022-05-24 | 2022-05-24 | Method, device and storage medium for regional color display of chart |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210574969.4A CN114913268A (en) | 2022-05-24 | 2022-05-24 | Method, device and storage medium for regional color display of chart |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114913268A true CN114913268A (en) | 2022-08-16 |
Family
ID=82768533
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210574969.4A Pending CN114913268A (en) | 2022-05-24 | 2022-05-24 | Method, device and storage medium for regional color display of chart |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114913268A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| GB214239A (en) * | 1923-04-10 | 1925-04-30 | Hazel Hyman Adler | Improvements in and relating to devices for selecting and applying colors |
| CN105307033A (en) * | 2015-10-26 | 2016-02-03 | 天脉聚源（北京）科技有限公司 | Method and device for displaying approval rates of competing teams in real time |
| CN105590308A (en) * | 2014-10-22 | 2016-05-18 | 阿里巴巴集团控股有限公司 | Method and apparatus for displaying statistical chart on terminal screen |
| CN106599034A (en) * | 2016-11-04 | 2017-04-26 | 国网浙江省电力公司 | Power grid enterprise power balance data visualization system and method |
| US20180242178A1 (en) * | 2017-02-17 | 2018-08-23 | Cisco Technology, Inc. | System and method to facilitate troubleshooting and predicting application performance in wireless networks |
| CN110825472A (en) * | 2019-10-14 | 2020-02-21 | 东软集团股份有限公司 | Chart color drawing method and device, readable storage medium and electronic equipment |
-
2022
- 2022-05-24 CN CN202210574969.4A patent/CN114913268A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| GB214239A (en) * | 1923-04-10 | 1925-04-30 | Hazel Hyman Adler | Improvements in and relating to devices for selecting and applying colors |
| CN105590308A (en) * | 2014-10-22 | 2016-05-18 | 阿里巴巴集团控股有限公司 | Method and apparatus for displaying statistical chart on terminal screen |
| CN105307033A (en) * | 2015-10-26 | 2016-02-03 | 天脉聚源（北京）科技有限公司 | Method and device for displaying approval rates of competing teams in real time |
| CN106599034A (en) * | 2016-11-04 | 2017-04-26 | 国网浙江省电力公司 | Power grid enterprise power balance data visualization system and method |
| US20180242178A1 (en) * | 2017-02-17 | 2018-08-23 | Cisco Technology, Inc. | System and method to facilitate troubleshooting and predicting application performance in wireless networks |
| CN110825472A (en) * | 2019-10-14 | 2020-02-21 | 东软集团股份有限公司 | Chart color drawing method and device, readable storage medium and electronic equipment |
Non-Patent Citations (1)
| Title |
|---|
| 歪歪豆豆: "《echart折线图 折现分段变色》", 《HTTPS://WWW.CNBLOGS.COM/WCN123456/P/14205993.HTML》, pages 1 - 3 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20210349615A1 (en) | Resizing graphical user interfaces | |
| US9360992B2 (en) | Three dimensional conditional formatting | |
| KR101331330B1 (en) | Semi-transparent highlighting of selected objects in electronic documents | |
| US6487565B1 (en) | Updating animated images represented by scene graphs | |
| US20180300771A1 (en) | Maintaining page interaction functionality with overlay content | |
| US8570326B2 (en) | Rule based visualization mechanism | |
| US20070214136A1 (en) | Data mining diagramming | |
| US20100302249A1 (en) | Apparatus, systems and methods for layout of scene graphs using node bounding areas | |
| US7692652B2 (en) | Selectively transforming overlapping illustration artwork | |
| JPH0740307B2 (en) | Image windowing method | |
| US20110210986A1 (en) | Systems and methods for determining positioning and sizing of graphical elements | |
| CN104350495A (en) | Managing objects in panorama display to navigate spreadsheet | |
| US20040122856A1 (en) | Apparatus and method for market-based document content and layout selection | |
| US20210134037A1 (en) | Graphic Object Modifications | |
| KR20150095658A (en) | Preserving layout of region of content during modification | |
| CN114842175B (en) | Interactive presentation method, device, equipment and medium for three-dimensional label | |
| US9177528B2 (en) | Screen inspection device, screen inspection method, and program | |
| US7554544B2 (en) | Just-in-time user interface layout | |
| CN114913268A (en) | Method, device and storage medium for regional color display of chart | |
| US20180181262A1 (en) | Grid-based rendering of nodes and relationships between nodes | |
| KR102421451B1 (en) | Systems and methods for efficient management and modification of images | |
| US20180253211A1 (en) | Dynamic layout design | |
| US8458588B1 (en) | Determining content layout positions produced by a layout engine | |
| US20210096698A1 (en) | Systems and methods for indicating organizational relationships between objects | |
| US11797754B2 (en) | Systems and methods for automatically scoring a group of design elements |
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 | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20230803 Address after: Room 404-405, 504, Building B-17-1, Big data Industrial Park, Kecheng Street, Yannan High tech Zone, Yancheng, Jiangsu Province, 224000 Applicant after: Yancheng Tianyanchawei Technology Co.,Ltd. Address before: 224000 room 501-503, building b-17-1, Xuehai road big data Industrial Park, Kecheng street, Yannan high tech Zone, Yancheng City, Jiangsu Province Applicant before: Yancheng Jindi Technology Co.,Ltd. |
|
| TA01 | Transfer of patent application right |