CN116048699A - Graph display method, device, equipment and medium - Google Patents

Graph display method, device, equipment and medium Download PDF

Info

Publication number
CN116048699A
CN116048699A CN202310008083.8A CN202310008083A CN116048699A CN 116048699 A CN116048699 A CN 116048699A CN 202310008083 A CN202310008083 A CN 202310008083A CN 116048699 A CN116048699 A CN 116048699A
Authority
CN
China
Prior art keywords
target
sequence number
column
line
displayed
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202310008083.8A
Other languages
Chinese (zh)
Inventor
张晴晴
张祖海
孙辉华
徐加俊
武轲
朱国卿
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhejiang Dahua Technology Co Ltd
Original Assignee
Zhejiang Dahua Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Zhejiang Dahua Technology Co Ltd filed Critical Zhejiang Dahua Technology Co Ltd
Priority to CN202310008083.8A priority Critical patent/CN116048699A/en
Publication of CN116048699A publication Critical patent/CN116048699A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
    • 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
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the application provides a graph display method, device, equipment and medium, which are used for solving the problems that the memory consumption of electronic equipment is large and abnormality is easy to occur when a graph is displayed in the prior art. In the embodiment of the application, if the electronic device receives the adjustment operation, the electronic device determines and displays the target content displayed on the Canvas according to the adjustment operation, so that the content of the displayed chart to be displayed can be adjusted according to the adjustment operation, namely, the memory consumption of the electronic device can be reduced, and the display of the chart to be displayed can be realized under the conditions that the memory consumption of the electronic device is reduced and the electronic device can normally operate.

Description

Graph display method, device, equipment and medium
Technical Field
The present disclosure relates to the field of graph processing technologies, and in particular, to a method, an apparatus, a device, and a medium for displaying a graph.
Background
In the World Wide web (web) field, complex charts are typically displayed based on Canvas, and specifically, electronic devices generate Canvas matching the chart size, and display charts based on the generated Canvas. However, the electronic device has a certain size limitation on Canvas, and once the size of Canvas exceeds the maximum size allowed by the electronic device, the electronic device can cause serious memory consumption, black screen or breakdown during display and other problems.
In the prior art, the chart is displayed by splicing a plurality of small Canvas canvases, however, the use of the Canvas canvases consumes the memory of the electronic equipment, and the exception of the electronic equipment can be caused by the fact that the quantity of the Canvas canvases used in an accumulated way exceeds the limit.
Disclosure of Invention
The embodiment of the application provides a graph display method, device, equipment and medium, which are used for solving the problems that the memory consumption of electronic equipment is large and abnormality is easy to occur when a graph is displayed in the prior art.
In a first aspect, an embodiment of the present application provides a graph display method, where the method includes:
generating Canvas which is matched with the size of the display area;
Displaying initial content of a chart to be displayed based on the Canvas;
and if the adjustment operation is acquired, determining and displaying target content displayed on the Canvas according to the adjustment operation.
Further, the displaying initial content of the chart to be displayed based on the Canvas comprises:
determining the displayable target row number and target column number of the Canvas according to the row and column width of the chart to be displayed and the height value and the width value of the Canvas;
determining a preset row sequence number and a preset column sequence number as a starting row sequence number and a starting column sequence number, and determining an ending row sequence number and an ending column sequence number according to the starting row sequence number, the starting column sequence number, the target row number and the target column number;
and determining and displaying initial contents displayed on the Canvas according to the starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
Further, the determining, according to the adjustment operation, target content displayed on the Canvas includes:
acquiring an adjusting direction and an adjusting distance corresponding to the adjusting operation; determining a target distance of the sliding chart to be displayed, which is correspondingly stored for the adjustment distance;
Determining an adjustment row number or an adjustment column number according to the adjustment direction, the target distance, and the row height and the column width in the chart to be displayed; determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the adjustment line number or the adjustment column number, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number;
and determining target content displayed on the Canvas according to the target starting line sequence number, the target starting column sequence number and the target ending column sequence number.
Further, the determining the target start line number, the target start column number, the target end line number, and the target end column number according to the adjustment line number or the adjustment column number, the adjustment direction, and the currently displayed start line number, the start column number, the end line number, and the end column number includes:
determining a first sum of the number of the adjustment lines or the number of the adjustment columns and a preset numerical value;
and determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the first sum value, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
Further, the method further comprises:
if the target end line number exceeds the maximum line number of the chart to be displayed, determining the maximum line number as a target end line number, and determining a target start line number according to the target end line number and the target line number displayable by the Canvas;
if the target initial line number is smaller than the minimum line number of the chart to be displayed, determining the minimum line number as a target initial line number, and determining a target end line number according to the target initial line number and the target line number displayable by the Canvas;
if the target ending column sequence number exceeds the maximum column sequence number of the chart to be displayed, determining that the maximum column sequence number is the target ending column sequence number, and determining a target starting column sequence number according to the target ending column sequence number and the target column number displayable by the Canvas;
and if the target initial column sequence number is smaller than the minimum column sequence number of the chart to be displayed, determining that the minimum column sequence number is the target initial column sequence number, and determining a target ending column sequence number according to the target initial column sequence number and the target column number displayable by the Canvas.
In a second aspect, an embodiment of the present application further provides a graph display apparatus, including:
the generation module is used for generating Canvas matched with the size of the display area;
the display module is used for displaying initial content of a chart to be displayed based on the Canvas;
and the processing module is used for determining and displaying target content displayed on the Canvas according to the adjustment operation if the adjustment operation is acquired.
Further, the display module is specifically configured to determine a target line number and a target column number that can be displayed by the Canvas according to the line height and the column width of the chart to be displayed and the height value and the width value of the Canvas; determining a preset row sequence number and a preset column sequence number as a starting row sequence number and a starting column sequence number, and determining an ending row sequence number and an ending column sequence number according to the starting row sequence number, the starting column sequence number, the target row number and the target column number; and determining and displaying initial contents displayed on the Canvas according to the starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
Further, the processing module is specifically configured to obtain an adjustment direction and an adjustment distance corresponding to the adjustment operation; determining a target distance of the sliding chart to be displayed, which is correspondingly stored for the adjustment distance; determining an adjustment row number or an adjustment column number according to the adjustment direction, the target distance, and the row height and the column width in the chart to be displayed; determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the adjustment line number or the adjustment column number, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number; and determining target content displayed on the Canvas according to the target starting line sequence number, the target starting column sequence number and the target ending column sequence number.
Further, the processing module is specifically configured to determine a first sum of the adjustment line number or the adjustment column number and a preset numerical value; and determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the first sum value, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
Further, the processing module is further configured to determine, if the target end line number exceeds a maximum line number of the chart to be displayed, that the maximum line number is a target end line number, and determine a target start line number according to the target end line number and a target line number displayable by the Canvas; if the target initial line number is smaller than the minimum line number of the chart to be displayed, determining the minimum line number as a target initial line number, and determining a target end line number according to the target initial line number and the target line number displayable by the Canvas; if the target ending column sequence number exceeds the maximum column sequence number of the chart to be displayed, determining that the maximum column sequence number is the target ending column sequence number, and determining a target starting column sequence number according to the target ending column sequence number and the target column number displayable by the Canvas; and if the target initial column sequence number is smaller than the minimum column sequence number of the chart to be displayed, determining that the minimum column sequence number is the target initial column sequence number, and determining a target ending column sequence number according to the target initial column sequence number and the target column number displayable by the Canvas.
In a third aspect, an embodiment of the present application further provides an electronic device, where the electronic device includes a processor, and the processor is configured to implement the steps of any of the chart display methods described above when executing a computer program stored in a memory.
In a fourth aspect, embodiments of the present application also provide a computer-readable storage medium storing a computer program that, when executed by a processor, implements the steps of any of the chart display methods described above.
In the embodiment of the application, the electronic device generates a Canvas which is matched with the size of the display area, the initial content of the chart to be displayed is displayed based on the generated Canvas, and if an adjustment operation is received, the target content displayed on the Canvas is determined and displayed according to the adjustment operation. In the embodiment of the application, if the electronic device receives the adjustment operation, the electronic device determines and displays the target content displayed on the Canvas according to the adjustment operation, so that the content of the displayed chart to be displayed can be adjusted according to the adjustment operation, namely, the memory consumption of the electronic device can be reduced, and the display of the chart to be displayed can be realized under the conditions that the memory consumption of the electronic device is reduced and the electronic device can normally operate.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the description of the embodiments will be briefly described below, it being obvious that the drawings in the following description are only some embodiments of the present application, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a schematic diagram of a process for displaying a graph according to an embodiment of the present application;
FIG. 2 is a schematic diagram of a diagram to be displayed and Canvas of a Canvas according to an embodiment of the present application;
FIG. 3 is a schematic view of a display provided in an embodiment of the present application;
FIG. 4 is a detailed process diagram of a schematic display to be displayed according to an embodiment of the present application;
fig. 5 is a schematic structural diagram of a schematic diagram display device according to an embodiment of the present application;
fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
The present application will be described in further detail below with reference to the attached drawings, wherein it is apparent that the described embodiments are only some, but not all embodiments of the present application. All other embodiments, which can be made by one of ordinary skill in the art without undue burden from the present disclosure, are within the scope of the present disclosure.
In order to reduce the consumption of the memory of the electronic equipment and enable the electronic equipment to normally operate, the embodiment of the application provides a chart display method, a chart display device, chart display equipment and a chart display medium. The chart display method comprises the following steps: generating Canvas which is matched with the size of the display area, displaying initial content of a chart to be displayed based on the generated Canvas, if an adjustment operation is received, determining target content displayed on the Canvas according to the adjustment operation and displaying the target content, and adopting the chart display method can display a larger chart to be displayed based on a smaller Canvas, so that the consumption of the memory of the electronic equipment can be reduced, and the electronic equipment can normally run.
Example 1:
fig. 1 is a schematic diagram of a schematic diagram displaying process according to an embodiment of the present application, where the process includes the following steps:
s101: a Canvas is generated that matches the size of the display area.
The chart display method provided by the embodiment of the application is applied to electronic equipment, and the electronic equipment can be electronic equipment such as desktop computers, portable computers, smart phones, tablet computers, network side equipment and the like capable of adopting Canvas objects of HTML (HyperText Markup Language ) for drawing.
When the chart is displayed, the electronic device may acquire the size of the display area, where the display area is an area for displaying the chart to be displayed, the size of the display area may be the length and the width of the display area, and after acquiring the size of the display area, the electronic device may generate a Canvas matched with the size of the display area, where the Canvas matched with the size of the display area may be a Canvas whose length and width are respectively consistent with the length and the width of the display area, or may be a Canvas whose length and width are respectively smaller than the length and the width of the display area by a preset distance, and the preset distance is not limited herein.
S102: and displaying initial content of the chart to be displayed based on the Canvas.
In the embodiment of the present application, after generating the Canvas, the electronic device may acquire the initial content of the chart to be displayed, where the size of the area where the initial content is located is consistent with the Canvas size, and the initial content is part of the content in the chart to be displayed, for example, may be the content at the top left corner of the chart to be displayed (the top, bottom, left and right described herein are the top, bottom, left and right in the chart to be displayed). The electronic device may display the initial content of the chart to be displayed based on the Canvas.
The chart to be displayed may be drawn by a business person using a large number of common labels, where the common labels include a DIVision (div) label, an Unordered List (ul) label, and the like. Specifically, a business person can draw chart data corresponding to a chart to be displayed by adopting a large number of common labels. When the initial content of the chart to be displayed is acquired, the electronic device can acquire data corresponding to the initial content of the chart to be displayed, render the acquired data, and generate the initial content of the chart to be displayed. How to draw the chart data of the chart to be displayed through the common label, how to acquire the data corresponding to a certain preset content, and how to render the data to generate the corresponding content are all in the prior art, and are not described herein.
S103: and if the adjustment operation is acquired, determining and displaying target content displayed on the Canvas according to the adjustment operation.
In this embodiment of the present application, when a user needs to view other contents of a chart to be displayed, the user may control a change of the displayed contents through an adjustment operation, specifically, a scroll bar may be displayed in a display area, the user may drag the scroll bar, the electronic device may acquire the adjustment operation, and if the electronic device is a device capable of being externally connected to a mouse, the user may also scroll through the mouse connected to the electronic device, and the electronic device may acquire the adjustment operation.
After the electronic device obtains the adjustment operation, the electronic device can determine the target content displayed on the Canvas according to the adjustment operation, specifically, the electronic device can obtain the adjustment direction corresponding to the adjustment operation, and determine the content, which is to be displayed in the chart to be displayed and is consistent with the Canvas in size, on the side of the adjustment direction, as the target content. For example, the adjustment direction is right (left and right are described herein as left and right in the chart to be displayed), then the content to the right of the currently displayed content in the chart to be displayed, which is consistent with the Canvas size, may be determined as the target content. After the electronic device obtains the target content, the electronic device may display the target content based on the Canvas, which in this embodiment of the present application is equivalent to performing an adjustment operation on the Canvas to be displayed on the chart, and adjusting the content displayed on the Canvas through the adjustment operation. Therefore, when the size of the chart to be displayed is larger than that of Canvas, the smaller Canvas is adopted to display the chart to be displayed, and the problem that the electronic equipment is abnormal due to the fact that the size of the Canvas is larger or the number of Canvas is larger is avoided.
The to-be-displayed chart described in the embodiment of the application is equivalent to the virtual list, the virtual Canvas is displayed by the scheme provided in the embodiment of the application, the bottleneck that the complex chart is displayed based on the Canvas is solved, namely, the generated Canvas is larger or the generated Canvas is more in number, the memory occupation is reduced, the user experience is optimized, the display of the chart to be displayed with larger size is realized, and the display of the chart to be displayed with longer length or wider width is specifically realized.
In the embodiment of the application, if the electronic device receives the adjustment operation, the electronic device determines and displays the target content displayed on the Canvas according to the adjustment operation, so that the content of the displayed chart to be displayed can be adjusted according to the adjustment operation, namely, the memory consumption of the electronic device can be reduced, and the display of the chart to be displayed can be realized under the conditions that the memory consumption of the electronic device is reduced and the electronic device can normally operate.
Example 2:
in order to accurately determine the initial content, in the embodiment of the present application, the displaying, based on the Canvas, the initial content of the chart to be displayed includes:
determining the displayable target row number and target column number of the Canvas according to the row and column width of the chart to be displayed and the height value and the width value of the Canvas;
determining a preset row sequence number and a preset column sequence number as a starting row sequence number and a starting column sequence number, and determining an ending row sequence number and an ending column sequence number according to the starting row sequence number, the starting column sequence number, the target row number and the target column number;
And determining and displaying initial contents displayed on the Canvas according to the starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
In the embodiment of the application, the electronic device may determine, according to the height of the line of the chart to be displayed and the height value of the Canvas, a target line number of the chart to be displayed, which may be displayed based on the Canvas, where the target line number may be a non-integer value, and the electronic device may determine, according to the column width of the chart to be displayed and the width value of the Canvas, a target column number of the chart to be displayed, which may be displayed based on the Canvas. After determining the target line number and the target column number of the chart to be displayed, which can be displayed based on the Canvas, the electronic device can determine a preset line number as a starting line number and determine a preset column number as a starting column number, wherein the preset line number is usually the smallest line number in the line numbers of the chart to be displayed, and the preset column number is usually the smallest column number in the column numbers of the chart to be displayed. The electronic device determines an ending line number according to the starting line number and the determined target line number, specifically, the electronic device may determine a sum of the starting line number and the target line number, and determine a difference between the sum and a preset value as the ending line number, where the preset value is usually 1, and determine the ending line number according to the starting line number and the determined target line number, for example, the starting line number is 10, and the target line number is 5, when determining the ending line number, the sum of the starting line number and the target line number may be determined first, the sum may be 15, and determine a difference between the sum and the preset value, where the difference may be 14, and then the difference may be determined as the ending line number. The electronic device may determine a sum of the starting column number and the target column number, and determine a difference between the sum and a preset value, typically 1, as the ending column number. The start line number and the end line number may be non-integer values. For example, when the starting column number is 9 and the target column number is 5, when the ending column number is determined, the sum of the starting column number and the target column number may be determined first, the sum is 14, the difference between the sum and the preset value is determined, and the difference is 14, and then 13 may be determined as the ending column number.
After determining the starting line number, the starting column number, the ending line number, and the ending column number, the electronic device may determine and display initial content displayed on the Canvas according to the starting line number, the starting column number, the ending line number, and the ending column number. Specifically, how to determine the content of the chart to be displayed according to the line number, the start column number, the end line number and the end column number is the prior art and is not described herein.
Fig. 2 is a schematic diagram of a diagram to be displayed and Canvas according to an embodiment of the present application.
The Canvas in fig. 2 has a size smaller than the size of the chart to be displayed, the dashed line part in fig. 2 represents the chart to be displayed, the solid line part represents the Canvas, wherein the size of the display area may be consistent with the size of the Canvas, and the content at the Canvas in fig. 2 is the initial content of the chart to be displayed. As can be seen from fig. 2, in the embodiment of the present application, the content displayed by the Canvas is divided into 3 parts, which are respectively a row number area, a column number area, and an area corresponding to data in the chart to be displayed.
When drawing the chart to be displayed, business personnel can set the length and width of a parent element, namely Canvas, as the length and width of the display area respectively, according to the number of rows, the number of columns, the height and the column width of the chart to be displayed, which are required to be drawn, and can set, and the electronic equipment can calculate the length and the width of the chart to be displayed according to the number of rows, the number of columns, the height and the column width of the chart to be drawn.
Example 3:
in order to accurately determine the target content displayed on the Canvas, in the embodiments of the present application, the determining, according to the adjustment operation, the target content displayed on the Canvas includes:
acquiring an adjusting direction and an adjusting distance corresponding to the adjusting operation; determining a target distance of an adjusted chart to be displayed, which is correspondingly stored for the adjustment distance;
determining an adjustment row number or an adjustment column number according to the adjustment direction, the target distance, and the row height and the column width in the chart to be displayed; determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the adjustment line number or the adjustment column number, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number;
and determining target content displayed on the Canvas according to the target starting line sequence number, the target starting column sequence number and the target ending column sequence number.
In this embodiment of the present application, after the electronic device obtains the adjustment operation, the electronic device may obtain the adjustment direction and the adjustment distance corresponding to the adjustment operation, determine, according to a correspondence between the distance corresponding to the adjustment operation and the distance of the adjusted chart to be displayed, the distance of the chart to be displayed corresponding to the adjustment distance carried in the adjustment operation, and determine the distance as the target distance of the chart to be displayed adjusted by the adjustment operation at this time. After determining the target distance, the electronic device may determine an adjustment line number or an adjustment column number according to the adjustment direction, the target distance, and a line height and a column width in the chart to be displayed. Specifically, if the adjustment direction is a direction corresponding to the adjustment line number, the electronic device may determine a ratio of the target distance to the line height of the chart to be displayed as an adjustment line number, where the adjustment line number may be a non-integer value, and if the adjustment direction is a direction corresponding to the adjustment line number, the electronic device may determine a ratio of the target distance to the line width of the chart to be displayed as an adjustment line number, where the adjustment line number may be a non-integer value. Wherein the adjustment distance may be referred to as an offset.
After determining the adjustment line number or the adjustment column number, the electronic device may obtain the current display start line number, the start column number, the end line number, and the end column number, if the adjustment direction is the direction corresponding to the adjustment line number, the electronic device may determine the current display start column number as the target start column number, determine the current display end column number as the target end column number, and determine the target start line number and the target end line number according to the adjustment direction, the current display start line number, the end line number, and the adjustment line number. Specifically, if the adjustment direction is the direction corresponding to the increasing line number, the electronic device may determine that the sum of the starting line number and the adjustment line number is the target starting line number, and determine that the sum of the ending line number and the adjustment line number is the target ending line number, and if the adjustment direction is the direction corresponding to the decreasing line number, the electronic device may determine that the difference between the starting line number and the adjustment line number is the target starting line number, and determine that the difference between the ending line number and the adjustment line number is the target ending line number. If the adjustment direction is the direction corresponding to the adjustment column number, the electronic device may determine that the current displayed start line number is the target start line number, determine that the current displayed end column number is the target end column number, and determine the target start column number and the target end column number according to the adjustment direction, the current displayed start column number, the end column number, and the adjustment column number. Specifically, if the adjustment direction is a direction corresponding to the increasing column number, the electronic device may determine that the sum of the starting column number and the adjustment column number is the target starting column number, and determine that the sum of the ending column number and the adjustment column number is the target ending column number, and if the adjustment direction is a direction corresponding to the decreasing column number, the electronic device may determine that the difference between the starting column number and the adjustment column number is the target starting column number, and determine that the difference between the ending column number and the adjustment column number is the target ending column number.
After determining the target starting line number, the target starting column number, the target ending line number, and the target ending column number, the electronic device may determine target content displayed on the Canvas according to the target starting line number, the target starting column number, the target ending line number, and the target ending column number. Specifically, how to determine the content of the chart to be displayed according to the starting line number, the starting column number, the ending line number and the ending column number is the prior art and is not described herein.
In this embodiment of the present application, the displaying of the chart to be displayed is equivalent to the displaying of the chart to be displayed by the virtual list method, the service personnel preset the user-defined scroll bar, the user operates the scroll bar, the electronic device obtains the corresponding target distance, and determines the target starting line number, the target ending line number, the target starting line number and the target ending line number of the chart to be displayed, which correspond to the target content, and each time the adjustment operation is obtained, the corresponding target area is determined.
In this embodiment of the present application, after the adjustment operation is obtained, the header line number and the left column number of the chart to be displayed (the left and right in the description herein refer to the left and right in the chart to be displayed) may be fixedly displayed, that is, the first row and the first column of the chart to be displayed are fixedly displayed, so that the table use experience is improved. Specifically, the business personnel fixes the table head line number of the table in advance, and the corresponding label and the label corresponding to the left side (the left and right described herein refer to the left and right in the chart to be displayed) column number, and sets the line number rendering function and the column number rendering function. Business personnel can set sibling element div labels of the table head line numbers, serve as labels corresponding to the line numbers, labels corresponding to chart data to be displayed and parent elements of Canvas labels of Canvas to be displayed, and drawing of charts to be displayed is achieved. In the embodiment of the application, in order to realize the scrolling of the chart to be displayed, service personnel can increase the callback function of the scrolling event, so that the display effect of the real simulated scroll bar is realized. And, in order to achieve the scrolling effect, the business person may set a position (position) attribute of the chart to be displayed as a relative position (relative). The method and the device can set the offset attribute of the Canvas, realize the virtual Canvas effect, namely realize the display effect of the simulated scroll bar, particularly can set the x and y values in the WebKittTransform attribute of the Canvas as the adjustment distances corresponding to different adjustment directions, and when the scroll bar rolls, the target content displayed on the Canvas rolls along with the Canvas so as to realize the virtual Canvas effect.
Fig. 3 is a schematic view of a display provided in an embodiment of the present application.
In fig. 3, the dashed line portion is a portion of the content of the chart to be displayed, and the solid line portion is a target content of the chart to be displayed, which is displayed based on Canvas, wherein the target content displayed in fig. 3 is a content in the chart to be displayed, which is not described herein, and as can be seen from fig. 3, a header line number and a left side (left and right sides described herein are left and right sides of the chart to be displayed) column number of the chart to be displayed may be fixed in the displayed target content. And the display time comprises a scroll bar, and a user can adjust the chart to be displayed by adjusting the scroll bar.
Example 4:
in order to accurately determine the target content in the chart to be displayed, in the embodiments of the present application, determining the target start line number, the target end line number, and the target end line number according to the adjustment line number or the adjustment column number, the adjustment direction, and the currently displayed start line number, end line number, and end line number includes:
determining a first sum of the number of the adjustment lines or the number of the adjustment columns and a preset numerical value;
And determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the first sum value, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
In this embodiment of the present application, in order to improve the use feeling of the user, after determining the adjustment line number or the adjustment column number, the electronic device may determine a first sum value of the adjustment line number or the adjustment column number and a preset value, where the preset value may be generally a smaller value, for example, 1, and determine, according to the first sum value, the adjustment direction, the currently displayed starting line number, the starting column number, the ending line number, and the ending column number, a target starting line number, a target starting column number, a target ending line number, and a target ending column number.
Specifically, the adjustment direction is a direction corresponding to the adjustment line number, the electronic device may determine that the currently displayed start line number is the target start line number, determine that the currently displayed end line number is the target end line number, and determine the target start line number and the target end line number according to the adjustment direction, the currently displayed start line number, the end line number, and the first sum value. Specifically, if the adjustment direction is a direction corresponding to the increasing line number, the electronic device may determine that the sum of the starting line number and the first sum value is a target starting line number, and determine that the sum of the ending line number and the first sum value is a target ending line number, and if the adjustment direction is a direction corresponding to the decreasing line number, the electronic device may determine that the difference between the starting line number and the first sum value is a target starting line number, and determine that the difference between the ending line number and the first sum value is a target ending line number. If the adjustment direction is the direction corresponding to the adjustment column number, the electronic device may determine that the current displayed start line number is the target start line number, determine that the current displayed end column number is the target end column number, and determine the target start column number and the target end column number according to the adjustment direction, the current displayed start column number, the end column number, and the first sum value. Specifically, if the adjustment direction is a direction corresponding to the increasing column number, the electronic device may determine that the sum of the starting column number and the first sum value is a target starting column number, and determine that the sum of the ending column number and the adjustment column number is a target ending column number, and if the adjustment direction is a direction corresponding to the decreasing column number, the electronic device may determine that the difference between the starting column number and the first sum value is a target starting column number, and determine that the difference between the ending column number and the adjustment column number is a target ending column number.
Example 5:
in order to accurately determine the target content of the chart to be displayed, on the basis of the above embodiments, in the embodiments of the present application, the method further includes:
if the target end line number exceeds the maximum line number of the chart to be displayed, determining the maximum line number as a target end line number, and determining a target start line number according to the target end line number and the target line number displayable by the Canvas;
if the target initial line number is smaller than the minimum line number of the chart to be displayed, determining the minimum line number as a target initial line number, and determining a target end line number according to the target initial line number and the target line number displayable by the Canvas;
if the target ending column sequence number exceeds the maximum column sequence number of the chart to be displayed, determining that the maximum column sequence number is the target ending column sequence number, and determining a target starting column sequence number according to the target ending column sequence number and the target column number displayable by the Canvas;
and if the target initial column sequence number is smaller than the minimum column sequence number of the chart to be displayed, determining that the minimum column sequence number is the target initial column sequence number, and determining a target ending column sequence number according to the target initial column sequence number and the target column number displayable by the Canvas.
In an actual application scenario, the target end line number or the target end column number determined by the method described in the foregoing embodiment may be greater than the maximum line number or the maximum column number of the chart to be displayed, and the determined target start line number or the target start column number may be smaller than the minimum line number or the minimum column number of the chart to be displayed, where the target content of the currently displayed area to be displayed may not be determined, and in this case, the electronic device may determine the target start line number, the target start column number, the target end line number, and the target end column number according to the maximum line number or the maximum column number or the minimum line number or the minimum column number of the chart to be displayed.
Specifically, in the embodiment of the present application, if the target starting line number is smaller than the minimum line number of the chart to be displayed, the electronic device may determine that the minimum line number is the target starting line number, and determine the target ending line number according to the target starting line number and the target line number displayable by the Canvas. If the target ending sequence number exceeds the maximum sequence number of the chart to be displayed, the electronic equipment can determine that the maximum sequence number is the target ending sequence number, and determine a target starting sequence number according to the target ending sequence number and the target column number displayable by the Canvas; if the target starting sequence number is smaller than the minimum sequence number of the chart to be displayed, the electronic device can determine that the minimum sequence number is the target starting sequence number, and determine the target ending sequence number according to the target starting sequence number and the target column number displayable by the Canvas.
Fig. 4 is a detailed process schematic diagram of a schematic diagram to be displayed according to an embodiment of the present application, where the process includes the following steps:
s401: a Canvas is generated that matches the size of the display area.
S402: and acquiring initial content of the chart to be displayed.
S403: the initial content of the chart to be displayed is displayed based on the Canvas.
S404: and acquiring an adjustment operation, and determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number corresponding to the chart to be displayed according to an adjustment direction and an adjustment distance corresponding to the adjustment operation.
S405: and determining target content of the chart to be displayed according to the target starting line sequence number, the target starting column sequence number, the target ending line sequence number and the target ending column sequence number.
S406: the target content is displayed based on the Canvas.
Example 6:
fig. 5 is a schematic structural diagram of a schematic diagram display device according to an embodiment of the present application, where the schematic structural diagram includes:
a generating module 501, configured to generate a Canvas that matches the size of the display area;
a display module 502, configured to display initial content of a chart to be displayed based on the Canvas;
and a processing module 503, configured to determine, according to the adjustment operation, the target content displayed on the Canvas and display the target content if the adjustment operation is acquired.
In a possible implementation manner, the display module 502 is specifically configured to determine, according to the row height and column width of the chart to be displayed and the height and width values of the Canvas, a target row number and a target column number that can be displayed by the Canvas; determining a preset row sequence number and a preset column sequence number as a starting row sequence number and a starting column sequence number, and determining an ending row sequence number and an ending column sequence number according to the starting row sequence number, the starting column sequence number, the target row number and the target column number; and determining and displaying initial contents displayed on the Canvas according to the starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
In a possible implementation manner, the processing module 503 is specifically configured to obtain an adjustment direction and an adjustment distance corresponding to the adjustment operation; determining a target distance of the sliding chart to be displayed, which is correspondingly stored for the adjustment distance; determining an adjustment row number or an adjustment column number according to the adjustment direction, the target distance, and the row height and the column width in the chart to be displayed; determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the adjustment line number or the adjustment column number, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number; and determining target content displayed on the Canvas according to the target starting line sequence number, the target starting column sequence number and the target ending column sequence number.
In a possible implementation manner, the processing module 503 is specifically configured to determine a first sum of the number of adjustment rows or the number of adjustment columns and a preset value; and determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the first sum value, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
In a possible implementation manner, the processing module 503 is further configured to determine the maximum line number as a target end line number if the target end line number exceeds the maximum line number of the chart to be displayed, and determine a target start line number according to the target end line number and a target line number displayable by the Canvas; if the target initial line number is smaller than the minimum line number of the chart to be displayed, determining the minimum line number as a target initial line number, and determining a target end line number according to the target initial line number and the target line number displayable by the Canvas; if the target ending column sequence number exceeds the maximum column sequence number of the chart to be displayed, determining that the maximum column sequence number is the target ending column sequence number, and determining a target starting column sequence number according to the target ending column sequence number and the target column number displayable by the Canvas; and if the target initial column sequence number is smaller than the minimum column sequence number of the chart to be displayed, determining that the minimum column sequence number is the target initial column sequence number, and determining a target ending column sequence number according to the target initial column sequence number and the target column number displayable by the Canvas.
Example 7:
on the basis of the foregoing embodiments, the embodiment of the present application further provides an electronic device, and fig. 6 is a schematic structural diagram of the electronic device provided in the embodiment of the present application, as shown in fig. 6, including: processor 601, communication interface 602, memory 603 and communication bus 604, wherein processor 601, communication interface 602, memory 603 complete the communication each other through communication bus 604;
the memory 603 has stored therein a computer program which, when executed by the processor 601, causes the processor 601 to perform the steps of:
generating Canvas which is matched with the size of the display area;
displaying initial content of a chart to be displayed based on the Canvas;
and if the adjustment operation is acquired, determining and displaying target content displayed on the Canvas according to the adjustment operation.
Further, the processor 601 is specifically configured to determine a target line number and a target column number that can be displayed by the Canvas according to the line height and the column width of the chart to be displayed and the height value and the width value of the Canvas;
determining a preset row sequence number and a preset column sequence number as a starting row sequence number and a starting column sequence number, and determining an ending row sequence number and an ending column sequence number according to the starting row sequence number, the starting column sequence number, the target row number and the target column number;
And determining and displaying initial contents displayed on the Canvas according to the starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
Further, the processor 601 is specifically configured to obtain an adjustment direction and an adjustment distance corresponding to the adjustment operation; determining a target distance of the sliding chart to be displayed, which is correspondingly stored for the adjustment distance;
determining an adjustment row number or an adjustment column number according to the adjustment direction, the target distance, and the row height and the column width in the chart to be displayed; determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the adjustment line number or the adjustment column number, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number;
and determining target content displayed on the Canvas according to the target starting line sequence number, the target starting column sequence number and the target ending column sequence number.
Further, the processor 601 is specifically configured to determine a first sum of the adjustment row number or adjustment column number and a preset numerical value;
And determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the first sum value, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
Further, the processor 601 is further configured to determine the maximum line number as a target end line number if the target end line number exceeds the maximum line number of the chart to be displayed, and determine a target start line number according to the target end line number and a target line number displayable by the Canvas;
if the target initial line number is smaller than the minimum line number of the chart to be displayed, determining the minimum line number as a target initial line number, and determining a target end line number according to the target initial line number and the target line number displayable by the Canvas;
if the target ending column sequence number exceeds the maximum column sequence number of the chart to be displayed, determining that the maximum column sequence number is the target ending column sequence number, and determining a target starting column sequence number according to the target ending column sequence number and the target column number displayable by the Canvas;
And if the target initial column sequence number is smaller than the minimum column sequence number of the chart to be displayed, determining that the minimum column sequence number is the target initial column sequence number, and determining a target ending column sequence number according to the target initial column sequence number and the target column number displayable by the Canvas.
The communication bus mentioned above for the electronic devices may be a peripheral component interconnect standard (Peripheral Component Interconnect, PCI) bus or an extended industry standard architecture (Extended Industry Standard Architecture, EISA) bus, etc. The communication bus may be classified as an address bus, a data bus, a control bus, or the like. For ease of illustration, the figures are shown with only one bold line, but not with only one bus or one type of bus.
The communication interface 602 is used for communication between the electronic device and other devices described above. The Memory may include random access Memory (Random Access Memory, RAM) or may include Non-Volatile Memory (NVM), such as at least one disk Memory. Optionally, the memory may also be at least one memory device located remotely from the aforementioned processor.
The processor may be a general-purpose processor, including a central processing unit, a network processor (Network Processor, NP), etc.; but also digital instruction processors (Digital Signal Processing, DSP), application specific integrated circuits, field programmable gate arrays or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc.
Example 8:
on the basis of the above embodiments, the embodiments of the present application further provide a computer readable storage medium, in which a computer program executable by a processor is stored, which when executed on the processor causes the processor to perform the steps of:
generating Canvas which is matched with the size of the display area;
displaying initial content of a chart to be displayed based on the Canvas;
and if the adjustment operation is acquired, determining and displaying target content displayed on the Canvas according to the adjustment operation.
In one possible implementation, the displaying initial content of a chart to be displayed based on the Canvas includes:
determining the displayable target row number and target column number of the Canvas according to the row and column width of the chart to be displayed and the height value and the width value of the Canvas;
determining a preset row sequence number and a preset column sequence number as a starting row sequence number and a starting column sequence number, and determining an ending row sequence number and an ending column sequence number according to the starting row sequence number, the starting column sequence number, the target row number and the target column number;
and determining and displaying initial contents displayed on the Canvas according to the starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
In one possible implementation, the determining the target content displayed on the Canvas according to the adjustment operation includes:
acquiring an adjusting direction and an adjusting distance corresponding to the adjusting operation; determining a target distance of the sliding chart to be displayed, which is correspondingly stored for the adjustment distance;
determining an adjustment row number or an adjustment column number according to the adjustment direction, the target distance, and the row height and the column width in the chart to be displayed; determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the adjustment line number or the adjustment column number, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number;
and determining target content displayed on the Canvas according to the target starting line sequence number, the target starting column sequence number and the target ending column sequence number.
In one possible implementation manner, the determining the target start line number, the target start column number, the target end line number, and the target end column number according to the adjustment line number or the adjustment column number, the adjustment direction, and the currently displayed start line number, the start column number, the end line number, and the end column number includes:
Determining a first sum of the number of the adjustment lines or the number of the adjustment columns and a preset numerical value;
and determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the first sum value, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
In one possible embodiment, the method further comprises:
if the target end line number exceeds the maximum line number of the chart to be displayed, determining the maximum line number as a target end line number, and determining a target start line number according to the target end line number and the target line number displayable by the Canvas;
if the target initial line number is smaller than the minimum line number of the chart to be displayed, determining the minimum line number as a target initial line number, and determining a target end line number according to the target initial line number and the target line number displayable by the Canvas;
if the target ending column sequence number exceeds the maximum column sequence number of the chart to be displayed, determining that the maximum column sequence number is the target ending column sequence number, and determining a target starting column sequence number according to the target ending column sequence number and the target column number displayable by the Canvas;
And if the target initial column sequence number is smaller than the minimum column sequence number of the chart to be displayed, determining that the minimum column sequence number is the target initial column sequence number, and determining a target ending column sequence number according to the target initial column sequence number and the target column number displayable by the Canvas.
It will be appreciated by those skilled in the art that embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to the application. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
It will be apparent to those skilled in the art that various modifications and variations can be made in the present application without departing from the spirit or scope of the application. Thus, if such modifications and variations of the present application fall within the scope of the claims and the equivalents thereof, the present application is intended to cover such modifications and variations.

Claims (10)

1. A graph display method, characterized in that the method comprises:
generating Canvas which is matched with the size of the display area;
displaying initial content of a chart to be displayed based on the Canvas;
and if the adjustment operation is acquired, determining and displaying target content displayed on the Canvas according to the adjustment operation.
2. The method of claim 1, wherein the displaying initial content of a chart to be displayed based on the Canvas comprises:
determining the displayable target row number and target column number of the Canvas according to the row and column width of the chart to be displayed and the height value and the width value of the Canvas;
determining a preset row sequence number and a preset column sequence number as a starting row sequence number and a starting column sequence number, and determining an ending row sequence number and an ending column sequence number according to the starting row sequence number, the starting column sequence number, the target row number and the target column number;
and determining and displaying initial contents displayed on the Canvas according to the starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
3. The method of claim 1, wherein the determining the target content displayed on the Canvas according to the adjustment operation comprises:
Acquiring an adjusting direction and an adjusting distance corresponding to the adjusting operation; determining a target distance of the sliding chart to be displayed, which is correspondingly stored for the adjustment distance;
determining an adjustment row number or an adjustment column number according to the adjustment direction, the target distance, the row height and the column width of the chart to be displayed; determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the adjustment line number or the adjustment column number, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number;
and determining target content displayed on the Canvas according to the target starting line sequence number, the target starting column sequence number and the target ending column sequence number.
4. The method of claim 3, wherein determining the target start line number, the target start column number, the target end line number, and the target end column number based on the adjustment line number or the adjustment column number, the adjustment direction, and the currently displayed start line number, start column number, end line number, and end column number comprises:
Determining a first sum of the number of the adjustment lines or the number of the adjustment columns and a preset numerical value;
and determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the first sum value, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
5. The method according to claim 3 or 4, characterized in that the method further comprises:
if the target end line number exceeds the maximum line number of the chart to be displayed, determining the maximum line number as a target end line number, and determining a target start line number according to the target end line number and the target line number displayable by the Canvas;
if the target initial line number is smaller than the minimum line number of the chart to be displayed, determining the minimum line number as a target initial line number, and determining a target end line number according to the target initial line number and the target line number displayable by the Canvas;
if the target ending column sequence number exceeds the maximum column sequence number of the chart to be displayed, determining that the maximum column sequence number is the target ending column sequence number, and determining a target starting column sequence number according to the target ending column sequence number and the target column number displayable by the Canvas;
And if the target initial column sequence number is smaller than the minimum column sequence number of the chart to be displayed, determining that the minimum column sequence number is the target initial column sequence number, and determining a target ending column sequence number according to the target initial column sequence number and the target column number displayable by the Canvas.
6. A graph display apparatus, characterized in that the apparatus comprises:
the generation module is used for generating Canvas matched with the size of the display area;
the display module is used for displaying initial content of a chart to be displayed based on the Canvas;
and the processing module is used for determining and displaying target content displayed on the Canvas according to the adjustment operation if the adjustment operation is acquired.
7. The apparatus of claim 6, wherein the display module is specifically configured to determine a target number of rows and a target number of columns displayable by the Canvas according to a row height and a column width of the chart to be displayed and a height value and a width value of the Canvas; determining a preset row sequence number and a preset column sequence number as a starting row sequence number and a starting column sequence number, and determining an ending row sequence number and an ending column sequence number according to the starting row sequence number, the starting column sequence number, the target row number and the target column number; and determining and displaying initial contents displayed on the Canvas according to the starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number.
8. The apparatus of claim 6, wherein the processing module is specifically configured to obtain an adjustment direction and an adjustment distance corresponding to the adjustment operation; determining a target distance of the sliding chart to be displayed, which is correspondingly stored for the adjustment distance; determining an adjustment row number or an adjustment column number according to the adjustment direction, the target distance, and the row height and the column width in the chart to be displayed; determining a target starting line sequence number, a target starting column sequence number, a target ending line sequence number and a target ending column sequence number according to the adjustment line number or the adjustment column number, the adjustment direction and the currently displayed starting line sequence number, the starting column sequence number, the ending line sequence number and the ending column sequence number; and determining target content displayed on the Canvas according to the target starting line sequence number, the target starting column sequence number and the target ending column sequence number.
9. An electronic device comprising a processor for implementing the steps of the graph display method according to any one of claims 1-5 when executing a computer program stored in a memory.
10. A computer-readable storage medium, characterized in that it stores a computer program which, when executed by a processor, implements the steps of the graph display method according to any one of claims 1-5.
CN202310008083.8A 2023-01-04 2023-01-04 Graph display method, device, equipment and medium Pending CN116048699A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310008083.8A CN116048699A (en) 2023-01-04 2023-01-04 Graph display method, device, equipment and medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310008083.8A CN116048699A (en) 2023-01-04 2023-01-04 Graph display method, device, equipment and medium

Publications (1)

Publication Number Publication Date
CN116048699A true CN116048699A (en) 2023-05-02

Family

ID=86123229

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310008083.8A Pending CN116048699A (en) 2023-01-04 2023-01-04 Graph display method, device, equipment and medium

Country Status (1)

Country Link
CN (1) CN116048699A (en)

Similar Documents

Publication Publication Date Title
US9817794B2 (en) Responsive rendering of data sets
US8907990B2 (en) Display system, display method, program, and recording medium
CN106502659B (en) A kind of layout method and system of mobile device webpage single-page
CN112667330B (en) Page display method and computer equipment
CN106155654B (en) Method and device for shielding webpage operation and electronic equipment
CN108415890B (en) Method for setting top display unit cell, terminal equipment and computer readable storage medium
CN107220351B (en) Page margin width calculation method and device, storage medium and electronic equipment
CN110647704A (en) Page updating method, device and equipment
CN107340886B (en) Soft keyboard state determination method, device, medium and terminal
JP2016095501A (en) Document layout for electronic display
US9135023B2 (en) Aligning user interface elements
CN115878935B (en) Method, system, device, equipment and medium for partial refreshing of chart
CN116048699A (en) Graph display method, device, equipment and medium
CN113297313B (en) Table data display method and device, electronic equipment and storage medium
CN114398576A (en) Page rendering method and device, electronic equipment and storage medium
CN111222302A (en) Webpage rendering control method, control device and computer readable medium
CN111767206B (en) Statistical method and device for content unit exposure presentation rate and electronic equipment
CN109032476B (en) Method for displaying big data set in graphical user interface
CN113934339A (en) Method and device for page self-adaptive layout based on rem
CN107820600B (en) Graphic pointer moving method, graphic pointer moving system and touch display device
CN113096217A (en) Picture generation method and device, electronic equipment and storage medium
CN112286603A (en) Table display method and device, electronic equipment and storage medium
CN112800373A (en) Webpage resource data generation method and device, computer equipment and storage medium
US20200167052A1 (en) Picture presentation method and device
CN107451143B (en) Reading method and reading system of electronic document

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