CN110020284A - 图表显示方法及装置 - Google Patents

图表显示方法及装置 Download PDF

Info

Publication number
CN110020284A
CN110020284A CN201710894940.3A CN201710894940A CN110020284A CN 110020284 A CN110020284 A CN 110020284A CN 201710894940 A CN201710894940 A CN 201710894940A CN 110020284 A CN110020284 A CN 110020284A
Authority
CN
China
Prior art keywords
object diagram
data
sample data
loaded
rendered
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.)
Granted
Application number
CN201710894940.3A
Other languages
English (en)
Other versions
CN110020284B (zh
Inventor
李济景
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201710894940.3A priority Critical patent/CN110020284B/zh
Publication of CN110020284A publication Critical patent/CN110020284A/zh
Application granted granted Critical
Publication of CN110020284B publication Critical patent/CN110020284B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Image Generation (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种图表显示方法及装置,确定页面加载时待显示的目标图表;加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;显示所述目标图表。由于示例数据几乎没有服务器处理过程,因此,加载速度会很快,为目标图表的快速显示奠定了基础。

Description

图表显示方法及装置
技术领域
本发明涉及信息技术领域,尤其涉及一种图表显示方法及装置。
背景技术
随着信息技术的不断发展,越来越多的互联网开发人员通过图表(例如:折线图、柱图、饼图等)在网页中展示数据。用户在通过互联网浏览网页时,可以从互联网中获取越来越多的图表。但是,图表相对于文本会占用比较多的信息资源,用户在通过互联网浏览网页时,网页如果有图表要显示时,在网页中的图表还没有加载完成之前就需要使用占位图来占位,以给用户一定的指示及心理预期,让用户提前知道该网页会有一个怎样的显示效果,待原图表加载完成之后再显示原图表给用户。
目前常用的占位图占位方式多是在网页的图表位置加载一个图片(比如,网站域名符号的标识图片,或者,原图表对应的缩略图等),但是,加载采用图片形式的占位图时,需要加载的内容的信息很多,这样,当网页中的图表较多时,会使得占位图的加载速度很慢,另外,在占位图加载完成后才加载原图表,而原图表需要加载的内容的信息更多,这样将导致网页图表无法快速显示,进而无法满足用户快速浏览网页的需求,极大地降低了用户的感受。
因此,如何实现网页图表的快速显示,成为业界亟待解决的问题。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种图表显示方法及装置。具体方案如下:
一种图表显示方法,所述方法包括:
确定页面加载时待显示的目标图表;
加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;
在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;
在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;
显示所述目标图表。
可选的,所述加载与所述目标图表对应的示例数据,包括:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的示例数据的地址;
执行所述预渲染指令,根据所述目标图表对应的示例数据的地址加载所述目标图表对应的示例数据,并对所述示例数据进行渲染。
可选的,在利用加载完毕的所述目标图表的真实数据替换所述示例数据之前,所述方法还包括:
加载与所述目标图表对应的真实数据。
可选的,所述加载与所述目标图表对应的真实数据,包括:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的真实数据的地址;
执行所述预渲染指令,根据所述目标图表对应的真实数据的地址加载所述目标图表对应的真实数据。
可选的,所述显示所述目标图表,包括:
将所述目标图表对应的真实数据渲染到所述目标图表上。
一种图表显示装置,所述装置包括:
确定单元,用于确定页面加载时待显示的目标图表;
加载单元,用于加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;
占位单元,用于在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;
替换单元,用于在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;
显示单元,用于显示所述目标图表。
可选的,所述加载单元具体用于:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的示例数据的地址;
执行所述预渲染指令,根据所述目标图表对应的示例数据的地址加载所述目标图表对应的示例数据,并对所述示例数据进行渲染;
在利用加载完毕的所述目标图表的真实数据替换所述示例数据之前,加载与所述目标图表对应的真实数据;
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的真实数据的地址;
执行所述预渲染指令,根据所述目标图表对应的真实数据的地址加载所述目标图表对应的真实数据。
可选的,所述显示单元具体用于:
将所述目标图表对应的真实数据渲染到所述目标图表上。
一种存储介质,其上存储有程序,该程序被处理器执行时实现以上所述的图表显示方法。
一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行以上所述的图表显示方法。
借由上述技术方案,本发明提供的图表显示方法及装置,确定页面加载时待显示的目标图表;加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;显示所述目标图表。由于示例数据几乎没有服务器处理过程,因此,加载速度会很快,为目标图表的快速显示奠定了基础。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1为本发明实施例公开的一种图表显示方法的流程示意图;
图2为本发明实施例公开的另一种图表显示方法的流程示意图;
图3为本发明实施例公开的一种待显示的目标图表的示意图;
图4为本发明实施例公开的一种图表显示装置的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
请参阅附图1,图1为本发明实施例公开的一种图表显示方法的流程示意图,该方法具体包括如下步骤:
步骤S100,确定页面加载时待显示的目标图表。
步骤S110,加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致。
所述示例数据由字符和/或数字组成,所述示例数据的数据格式与真实图表中的字符和/或数字的数据格式相同。所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致具体可以为所述示例数据包含有与所述真实数据中所包含的参数类型相同的参数。比如,待显示的目标图表是一个柱图,该柱图包含A、B、C三个柱,每个柱的值是由该柱图的真实数据进行特定计算而得,也就是说,该柱图的真实数据中并不包含三个柱的值,而该柱图的示例数据中包含三个柱的值,示例数据中三个柱的值是直接赋值的,其具体的值与由柱图的真实数据进行特定计算而得的值无需等同。
步骤S120,在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据。
步骤S130,在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据。
步骤S140,显示所述目标图表。
本实施例提供了一种图表显示方法,确定页面加载时待显示的目标图表;加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;显示所述目标图表。由于示例数据几乎没有服务器处理过程,因此,加载速度会很快,为目标图表的快速显示奠定了基础。
请参阅附图2,图2为本发明实施例公开的另一种图表显示方法的流程示意图,该方法具体包括如下步骤:
步骤S200,确定页面加载时待显示的目标图表。
步骤S210,加载与所述目标图表对应的示例数据,并加载与所述目标图表对应的真实数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致。
需要说明的是,需要在利用加载完毕的所述目标图表的真实数据替换所述示例数据之前,加载与所述目标图表对应的真实数据,当然,也可以在加载与所述目标图表对应的示例数据的同时加载与所述目标图表对应的真实数据,这样,当加载与所述目标图表对应的示例数据耗时过长时,不必等待与所述目标图表对应的示例数据加载完毕之后再加载与所述目标图表对应的真实数据,提高了图表显示的效率。
所述加载与所述目标图表对应的示例数据,包括:调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的示例数据的地址;执行所述预渲染指令,根据所述目标图表对应的示例数据的地址加载所述目标图表对应的示例数据,并对所述示例数据进行渲染。需要说明的是,所述目标图表对应的示例数据可以通过多种格式的文件承载,比如,json格式的文件、xml格式的文件等,当所述目标图表对应的示例数据通过json格式的文件承载时,可以采用ajax异步加载的方式。
所述加载与所述目标图表对应的真实数据,包括:调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的真实数据的地址;执行所述预渲染指令,根据所述目标图表对应的真实数据的地址加载所述目标图表对应的真实数据。需要说明的是,所述目标图表对应的真实数据可以通过多种格式的文件承载,比如,json格式的文件、xml格式的文件等,当所述目标图表对应的示例数据通过json格式的文件承载时,可以采用ajax异步加载的方式。
请参阅附图3,为本发明实施例公开的一种待显示的目标图表的示意图,与图3所示的目标图表对应的示例数据具体如下:
步骤S220,在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据。
步骤S230,在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据。
步骤S240,显示所述目标图表。
具体的,将所述目标图表对应的真实数据渲染到所述目标图表上。
本实施例提供的一种图表显示方法,确定页面加载时待显示的目标图表;加载与所述目标图表对应的示例数据,同时加载与所述目标图表对应的真实数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;显示所述目标图表。一方面,由于示例数据几乎没有服务器处理过程,因此,加载速度会很快,为目标图表的快速显示奠定了基础,另一方面,在加载与所述目标图表对应的示例数据的同时,加载与所述目标图表对应的真实数据,进一步加快了目标图表的显示速度。
请参阅附图4,图4为本发明实施例公开的一种图表显示装置的结构示意图,所述装置包括:
确定单元100,用于确定页面加载时待显示的目标图表;
加载单元110,用于加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;
占位单元120,用于在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;
替换单元130,用于在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;
显示单元140,用于显示所述目标图表。
可选的,所述加载单元具体用于:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的示例数据的地址;
执行所述预渲染指令,根据所述目标图表对应的示例数据的地址加载所述目标图表对应的示例数据,并对所述示例数据进行渲染。
可选的,所述加载单元还用于:
在利用加载完毕的所述目标图表的真实数据替换所述示例数据之前,加载与所述目标图表对应的真实数据。
可选的,所述加载单元具体用于:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的真实数据的地址;
执行所述预渲染指令,根据所述目标图表对应的真实数据的地址加载所述目标图表对应的真实数据。
可选的,所述显示单元具体用于:
将所述目标图表对应的真实数据渲染到所述目标图表上。
所述图表显示装置包括处理器和存储器,上述确定单元、加载单元、占位单元、替换单元和显示单元等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来提高图表显示的速度。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本发明实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现所述图表显示方法。
本发明实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行所述图表显示方法。
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:确定页面加载时待显示的目标图表;
加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;
在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;
在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;
显示所述目标图表。
可选的,所述加载与所述目标图表对应的示例数据,包括:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的示例数据的地址;
执行所述预渲染指令,根据所述目标图表对应的示例数据的地址加载所述目标图表对应的示例数据,并对所述示例数据进行渲染。
可选的,在利用加载完毕的所述目标图表的真实数据替换所述示例数据之前,所述方法还包括:
加载与所述目标图表对应的真实数据。
可选的,所述加载与所述目标图表对应的真实数据,包括:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的真实数据的地址;
执行所述预渲染指令,根据所述目标图表对应的真实数据的地址加载所述目标图表对应的真实数据。
可选的,所述显示所述目标图表,包括:
将所述目标图表对应的真实数据渲染到所述目标图表上。本文中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:确定页面加载时待显示的目标图表;
加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;
在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;
在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;
显示所述目标图表。
可选的,所述加载与所述目标图表对应的示例数据,包括:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的示例数据的地址;
执行所述预渲染指令,根据所述目标图表对应的示例数据的地址加载所述目标图表对应的示例数据。
可选的,在所述加载与所述目标图表对应的示例数据的同时,所述方法还包括:
加载与所述目标图表对应的真实数据。
可选的,所述加载与所述目标图表对应的真实数据,包括:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的真实数据的地址;
执行所述预渲染指令,根据所述目标图表对应的真实数据的地址加载所述目标图表对应的真实数据。
可选的,所述显示所述目标图表,包括:
将所述目标图表对应的真实数据渲染到所述目标图表上。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种图表显示方法,其特征在于,所述方法包括:
确定页面加载时待显示的目标图表;
加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;
在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;
在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;
显示所述目标图表。
2.根据权利要求1所述的方法,其特征在于,所述加载与所述目标图表对应的示例数据,包括:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的示例数据的地址;
执行所述预渲染指令,根据所述目标图表对应的示例数据的地址加载所述目标图表对应的示例数据,并对所述示例数据进行渲染。
3.根据权利要求1或2所述的方法,其特征在于,在利用加载完毕的所述目标图表的真实数据替换所述示例数据之前,所述方法还包括:
加载与所述目标图表对应的真实数据。
4.根据权利要求3所述的方法,其特征在于,所述加载与所述目标图表对应的真实数据,包括:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的真实数据的地址;
执行所述预渲染指令,根据所述目标图表对应的真实数据的地址加载所述目标图表对应的真实数据。
5.根据权利要求1所述的方法,其特征在于,所述显示所述目标图表,包括:
将所述目标图表对应的真实数据渲染到所述目标图表上。
6.一种图表显示装置,其特征在于,所述装置包括:
确定单元,用于确定页面加载时待显示的目标图表;
加载单元,用于加载与所述目标图表对应的示例数据,所述示例数据的数据格式与所述目标图表对应的真实数据的数据格式完全一致;
占位单元,用于在所述目标图表对应的示例数据加载完毕后,在需要显示所述目标图表的位置显示所述示例数据;
替换单元,用于在所述目标图表的真实数据加载完毕后,利用加载完毕的所述目标图表的真实数据替换所述示例数据;
显示单元,用于显示所述目标图表。
7.根据权利要求6所述的装置,其特征在于,所述加载单元具体用于:
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的示例数据的地址;
执行所述预渲染指令,根据所述目标图表对应的示例数据的地址加载所述目标图表对应的示例数据,并对所述示例数据进行渲染;
在利用加载完毕的所述目标图表的真实数据替换所述示例数据之前,加载与所述目标图表对应的真实数据;
调用预设的预渲染指令,所述预渲染指令中包括所述目标图表对应的真实数据的地址;
执行所述预渲染指令,根据所述目标图表对应的真实数据的地址加载所述目标图表对应的真实数据。
8.根据权利要求6所述的装置,其特征在于,所述显示单元具体用于:
将所述目标图表对应的真实数据渲染到所述目标图表上。
9.一种存储介质,其上存储有程序,该程序被处理器执行时实现如权利要求1至5中任一项所述的图表显示方法。
10.一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行如权利要求1至5中任一项所述的图表显示方法。
CN201710894940.3A 2017-09-28 2017-09-28 图表显示方法及装置 Active CN110020284B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710894940.3A CN110020284B (zh) 2017-09-28 2017-09-28 图表显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710894940.3A CN110020284B (zh) 2017-09-28 2017-09-28 图表显示方法及装置

Publications (2)

Publication Number Publication Date
CN110020284A true CN110020284A (zh) 2019-07-16
CN110020284B CN110020284B (zh) 2021-08-17

Family

ID=67186351

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710894940.3A Active CN110020284B (zh) 2017-09-28 2017-09-28 图表显示方法及装置

Country Status (1)

Country Link
CN (1) CN110020284B (zh)

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101625677A (zh) * 2009-08-25 2010-01-13 深圳市思考者科技有限公司 图表处理系统
US20120110440A1 (en) * 2005-01-09 2012-05-03 Roger Rosner Efficient creation of documents
US20140331165A1 (en) * 2013-05-03 2014-11-06 Sap Ag Generating graphical representations of data
CN104572096A (zh) * 2014-12-29 2015-04-29 中国科学院计算机网络信息中心 一种基于web的多模型数据可视化开发方法及平台
CN104572098A (zh) * 2014-12-30 2015-04-29 北京奇虎科技有限公司 一种移动终端页面图表的更新方法和装置
CN105094928A (zh) * 2015-09-06 2015-11-25 浪潮集团有限公司 一种基于插件的动态图表加载方法
CN105528337A (zh) * 2016-02-23 2016-04-27 浪潮通信信息系统有限公司 一种数据转换实现性能管理系统导出ppt报表的方法
CN105589909A (zh) * 2014-12-31 2016-05-18 中国银联股份有限公司 数据可视化实现系统及方法
CN107066631A (zh) * 2017-05-26 2017-08-18 北京三快在线科技有限公司 页面的显示方法、装置及电子设备

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120110440A1 (en) * 2005-01-09 2012-05-03 Roger Rosner Efficient creation of documents
CN101625677A (zh) * 2009-08-25 2010-01-13 深圳市思考者科技有限公司 图表处理系统
US20140331165A1 (en) * 2013-05-03 2014-11-06 Sap Ag Generating graphical representations of data
CN104572096A (zh) * 2014-12-29 2015-04-29 中国科学院计算机网络信息中心 一种基于web的多模型数据可视化开发方法及平台
CN104572098A (zh) * 2014-12-30 2015-04-29 北京奇虎科技有限公司 一种移动终端页面图表的更新方法和装置
CN105589909A (zh) * 2014-12-31 2016-05-18 中国银联股份有限公司 数据可视化实现系统及方法
CN105094928A (zh) * 2015-09-06 2015-11-25 浪潮集团有限公司 一种基于插件的动态图表加载方法
CN105528337A (zh) * 2016-02-23 2016-04-27 浪潮通信信息系统有限公司 一种数据转换实现性能管理系统导出ppt报表的方法
CN107066631A (zh) * 2017-05-26 2017-08-18 北京三快在线科技有限公司 页面的显示方法、装置及电子设备

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
毕红棋: "数据的视觉映射在微课程平台中的应用研究", 《科技广场》 *

Also Published As

Publication number Publication date
CN110020284B (zh) 2021-08-17

Similar Documents

Publication Publication Date Title
CN107786630B (zh) 一种web应用包处理方法、装置及设备
KR102229742B1 (ko) 동적 이미지를 프리뷰하기 위한 방법 및 디바이스, 그리고 표현 패키지를 디스플레이하기 위한 방법 및 디바이스
CN107526592B (zh) 一种页面适配方法和装置
CN111752557A (zh) 一种展示方法及装置
CN109460540A (zh) 一种表格分页显示方法及装置
CN108986032A (zh) 一种广告图片处理方法及装置
CN110018984A (zh) 一种文件格式的转换方法及装置
CN104572431A (zh) 一种测试方法及装置
CN110020350A (zh) 网页热力图的绘制方法、装置、存储介质及处理器
CN106648567B (zh) 数据获取方法及装置
CN109857964B (zh) 一种页面操作的热力图绘制方法、装置、存储介质及处理器
CN109582188B (zh) 一种实现弹窗内元素定位的方法、装置及相关设备
CN110020343B (zh) 网页编码格式的确定方法和装置
CN110020298A (zh) 参数展示方法和装置
CN110020284A (zh) 图表显示方法及装置
CN109977317A (zh) 数据查询方法及装置
CN110020285B (zh) 柱状图的处理方法及装置
US9230022B1 (en) Customizable result sets for application program interfaces
CN111209009A (zh) 内容发布方法及装置、存储介质及电子设备
CN110968811A (zh) 显示控制方法和装置
CN107402749A (zh) 实现图片加载库的方法及装置
CN108228145A (zh) 混合型应用程序的数据处理方法、系统及移动设备
CN110020342A (zh) 数据的处理方法及装置
CN109587198A (zh) 图文信息推送方法及装置
CN111475589B (zh) 图像数据的渲染方法及装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information
CB02 Change of applicant information

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

Applicant after: Beijing Guoshuang Technology Co.,Ltd.

Address before: 100086 Beijing city Haidian District Shuangyushu Area No. 76 Zhichun Road cuigongfandian 8 layer A

Applicant before: Beijing Guoshuang Technology Co.,Ltd.

GR01 Patent grant
GR01 Patent grant