CN113807067A - 图表显示方法及装置、电子设备和存储介质 - Google Patents

图表显示方法及装置、电子设备和存储介质 Download PDF

Info

Publication number
CN113807067A
CN113807067A CN202111106936.9A CN202111106936A CN113807067A CN 113807067 A CN113807067 A CN 113807067A CN 202111106936 A CN202111106936 A CN 202111106936A CN 113807067 A CN113807067 A CN 113807067A
Authority
CN
China
Prior art keywords
display
data
chart
content
dynamic
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.)
Withdrawn
Application number
CN202111106936.9A
Other languages
English (en)
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.)
Shenzhen Sensetime Technology Co Ltd
Original Assignee
Shenzhen Sensetime 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 Shenzhen Sensetime Technology Co Ltd filed Critical Shenzhen Sensetime Technology Co Ltd
Priority to CN202111106936.9A priority Critical patent/CN113807067A/zh
Publication of CN113807067A publication Critical patent/CN113807067A/zh
Priority to PCT/CN2022/113127 priority patent/WO2023045634A1/zh
Withdrawn legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/174Form filling; Merging
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/20Drawing from basic elements, e.g. lines or circles
    • G06T11/206Drawing of charts or graphs

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开涉及一种图表显示方法及装置、电子设备和存储介质,所述方法包括:获取用于显示所述图表的目标数据,所述目标数据包括静态显示数据和动态显示数据;根据所述静态显示数据,绘制所述图表的静态显示区域,其中,所述静态显示区域包括在目标显示界面上位置固定的第一显示内容;根据所述动态显示数据和所述图表在所述目标显示界面中的显示状态,绘制动态显示区域,其中,所述动态显示区域包括第二显示内容,所述第二显示内容根据所述显示状态进行变换;在所述目标显示界面中,叠加显示所述静态显示区域和所述动态显示区域。

Description

图表显示方法及装置、电子设备和存储介质
技术领域
本公开涉及计算机技术领域,尤其涉及一种图表显示方法及装置、电子设备和存储介质。
背景技术
随着计算机技术的快速发展,对数据进行可视化展示已经愈加广泛地应用在人们的生活之中。然而在对图表绘制的过程中,往往是在同一图层中一次性画出图表的全部内容。这种绘制方式不仅提升了绘制中需要处理的数据量,也不易对图表中的内容进行更改,导致图表显示性能的降低。
发明内容
本公开提出了一种图表显示技术方案。
根据本公开的一方面,提供了一种图表显示方法,包括:
获取用于显示所述图表的目标数据,所述目标数据包括静态显示数据和动态显示数据;根据所述静态显示数据,绘制所述图表的静态显示区域,其中,所述静态显示区域包括在目标显示界面上位置固定的第一显示内容;根据所述动态显示数据和所述图表在所述目标显示界面中的显示状态,绘制动态显示区域,其中,所述动态显示区域包括第二显示内容,所述第二显示内容根据所述显示状态进行变换;在所述目标显示界面中,叠加显示所述静态显示区域和所述动态显示区域。
在一种可能的实现方式中,所述根据所述静态显示数据,绘制所述图表的静态显示区域,包括:根据所述静态显示数据,确定所述第一显示内容在所述目标显示界面上的第一显示位置;根据所述第一显示位置,对所述第一显示内容进行绘制,得到所述静态显示区域。
在一种可能的实现方式中,所述根据所述动态显示数据和所述图表在所述目标显示界面中的显示状态,绘制动态显示区域,包括:响应于针对所述图表的显示控制操作,确定所述图表在所述目标显示界面中的显示状态;根据所述显示状态,获取第三显示内容中与所述显示状态匹配的第二显示内容,其中,所述第三显示内容包括与所述动态显示数据匹配的全部显示内容;根据所述动态显示数据,确定所述第二显示内容在所述目标显示界面上的第二显示位置;根据所述第二显示位置,对所述第二显示内容进行绘制,得到所述动态显示区域。
在一种可能的实现方式中,所述显示状态包括显示进度;所述第三显示内容包括多个图元元素,所述多个图元元素在所述图表的预设方向上按照相同的预设间距进行排列;所述根据所述显示状态,获取第三显示内容中与所述显示状态匹配的第二显示内容,包括:根据所述显示进度与所述预设间距,确定所述第二显示内容中待显示的初始图元元素;根据所述显示进度、所述预设间距以及所述动态显示区域在所述图表中的预设显示范围,确定所述第二显示内容中待显示的终止图元元素;基于所述初始图元元素和所述终止图元元素,从所述第三显示内容中提取与所述显示状态匹配的第二显示内容。
在一种可能的实现方式中,所述动态显示区域还包括第四显示内容;所述根据所述动态显示数据和所述图表在所述目标显示界面中的显示状态,绘制动态显示区域,还包括:根据所述显示状态,按照预设统计规则,对所述第二显示内容进行合并统计,得到所述第四显示内容;根据预设显示位置,对所述第四显示内容进行绘制。
在一种可能的实现方式中,所述获取用于显示所述图表的目标数据,包括:获取用于显示所述图表的初始数据;根据所述初始数据的数据类型,对所述初始数据进行数据结构变换,得到与预设数据结构匹配的中间数据;根据所述图表对应的可视化数据结构,将所述中间数据进行转换,得到与所述可视化数据结构匹配的目标数据。
在一种可能的实现方式中,所述可视化数据结构包括:所述静态显示数据的第一数据结构、所述动态显示数据的第二数据结构以及所述动态显示数据的第三数据结构中的一种或多种,其中,所述第二数据结构与第二显示内容匹配,所述第三数据结构与第四显示内容匹配,所述第四显示内容包括对所述第二显示内容进行合并统计所得到的统计结果。
在一种可能的实现方式中,所述静态显示数据的第一数据结构包括:数值固定的第一位置信息、第一标签以及第一颜色信息中的一种或多种;所述动态显示数据的第二数据结构包括:第二位置信息、第二标签以及第二颜色信息中的一种或多种,其中,所述第二位置信息的数值根据所述显示状态进行变换;所述动态显示数据的第三数据结构包括:第三标签信息、第三颜色信息、统计信息以及判断信息中的一种或多种,其中,所述判断信息包括根据预设判断规则对所述统计信息进行判断所得到的判断结果。
在一种可能的实现方式中,所述图表包括时间与责任对象之间的对应关系图表。
根据本公开的一方面,提供了一种图表显示装置,包括:
获取模块,用于获取用于显示所述图表的目标数据,所述目标数据包括静态显示数据和动态显示数据;静态绘制模块,用于根据所述静态显示数据,绘制所述图表的静态显示区域,其中,所述静态显示区域包括在目标显示界面上位置固定的第一显示内容;动态绘制模块,用于根据所述动态显示数据和所述图表在所述目标显示界面中的显示状态,绘制动态显示区域,其中,所述动态显示区域包括第二显示内容,所述第二显示内容根据所述显示状态进行变换;显示模块,用于在所述目标显示界面中,叠加显示所述静态显示区域和所述动态显示区域。
在一种可能的实现方式中,所述静态绘制模块,用于:根据所述静态显示数据,确定所述第一显示内容在所述目标显示界面上的第一显示位置;根据所述第一显示位置,对所述第一显示内容进行绘制,得到所述静态显示区域。
在一种可能的实现方式中,所述动态绘制模块,用于:响应于针对所述图表的显示控制操作,确定所述图表在所述目标显示界面中的显示状态;根据所述显示状态,获取第三显示内容中与所述显示状态匹配的第二显示内容,其中,所述第三显示内容包括与所述动态显示数据匹配的全部显示内容;根据所述动态显示数据,确定所述第二显示内容在所述目标显示界面上的第二显示位置;根据所述第二显示位置,对所述第二显示内容进行绘制,得到所述动态显示区域。
在一种可能的实现方式中,所述显示状态包括显示进度;所述第三显示内容包括多个图元元素,所述多个图元元素在所述图表的预设方向上按照相同的预设间距进行排列;所述动态绘制模块,进一步用于:根据所述显示进度与所述预设间距,确定所述第二显示内容中待显示的初始图元元素;根据所述显示进度、所述预设间距以及所述动态显示区域在所述图表中的预设显示范围,确定所述第二显示内容中待显示的终止图元元素;基于所述初始图元元素和所述终止图元元素,从所述第三显示内容中提取与所述显示状态匹配的第二显示内容。
在一种可能的实现方式中,所述动态显示区域还包括第四显示内容;所述动态绘制模块,还用于:根据所述显示状态,按照预设统计规则,对所述第二显示内容进行合并统计,得到所述第四显示内容;根据预设显示位置,对所述第四显示内容进行绘制。
在一种可能的实现方式中,所述获取模块,用于:获取用于显示所述图表的初始数据;根据所述初始数据的数据类型,对所述初始数据进行数据结构变换,得到与预设数据结构匹配的中间数据;根据所述图表对应的可视化数据结构,将所述中间数据进行转换,得到与所述可视化数据结构匹配的目标数据。
在一种可能的实现方式中,所述可视化数据结构包括:所述静态显示数据的第一数据结构、所述动态显示数据的第二数据结构以及所述动态显示数据的第三数据结构中的一种或多种,其中,所述第二数据结构与第二显示内容匹配,所述第三数据结构与第四显示内容匹配,所述第四显示内容包括对所述第二显示内容进行合并统计所得到的统计结果。
在一种可能的实现方式中,所述静态显示数据的第一数据结构包括:数值固定的第一位置信息、第一标签以及第一颜色信息中的一种或多种;所述动态显示数据的第二数据结构包括:第二位置信息、第二标签以及第二颜色信息中的一种或多种,其中,所述第二位置信息的数值根据所述显示状态进行变换;所述动态显示数据的第三数据结构包括:第三标签信息、第三颜色信息、统计信息以及判断信息中的一种或多种,其中,所述判断信息包括根据预设判断规则对所述统计信息进行判断所得到的判断结果。
在一种可能的实现方式中,所述图表包括时间与责任对象之间的对应关系图表。
根据本公开的一方面,提供了一种电子设备,包括:处理器;用于存储处理器可执行指令的存储器;其中,所述处理器被配置为调用所述存储器存储的指令,以执行上述方法。
根据本公开的一方面,提供了一种计算机可读存储介质,其上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现上述方法。
在本公开实施例中,可以获取用于显示图标的目标数据,并根据目标数据中的静态显示数据,绘制图标的静态显示区域,根据目标数据中的动态显示数据和图标的显示状态,绘制动态显示区域,并在目标显示界面中,叠加显示静态显示区域和动态显示区域。通过本公开实施例,可以实现图表中静态显示区域和动态显示区域的分别绘制,且便于在显示状态变化的情况下,通过变换的第二显示内容来绘制动态显示区域,减少对静态显示区域的更改,从而减少图表绘制过程中处理的数据量,提高图表显示的效率和性能。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,而非限制本公开。根据下面参考附图对示例性实施例的详细说明,本公开的其它特征及方面将变得清楚。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,这些附图示出了符合本公开的实施例,并与说明书一起用于说明本公开的技术方案。
图1示出根据本公开实施例的图表显示方法的流程图;
图2示出根据本公开实施例的图表显示方法的流程图;
图3示出根据本公开实施例的图表的示意图;
图4示出根据本公开实施例的图表显示方法的流程图;
图5示出根据本公开实施例的图表的示意图;
图6示出根据本公开的实施例的图表显示装置的框图;
图7示出根据本公开一应用示例的示意图;
图8示出根据本公开的实施例的电子装置的框图;
图9示出根据本公开的实施例的电子装置的框图。
具体实施方式
以下将参考附图详细说明本公开的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面,但是除非特别指出,不必按比例绘制附图。
在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。
本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合,例如,包括A、B、C中的至少一种,可以表示包括从A、B和C构成的集合中选择的任意一个或多个元素。
另外,为了更好地说明本公开,在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解,没有某些具体细节,本公开同样可以实施。在一些实例中,对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述,以便于凸显本公开的主旨。
图1示出根据本公开实施例的图表显示方法的流程图,该方法可以应用于图表显示装置,该图表显示装置可以为终端设备、服务器或者其他处理设备等。其中,终端设备可以为用户设备(User Equipment,UE)、移动设备、用户终端、终端、蜂窝电话、无绳电话、个人数字助理(Personal Digital Assistant,PDA)、手持设备、计算设备、车载设备、可穿戴设备等。
在一些可能的实现方式中,该图表显示方法也可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。
如图1所示,在一种可能的实现方式中,所述图表显示方法可以包括:
步骤S11,获取用于显示图表的目标数据。
其中,图表可以是对数据或信息等内容进行可视化展示的任意图形结构,图表的形式在本公开实施例中不做限制,比如可以是条形图、柱状图、折线图、饼图、散点图、雷达图或面积图等任意形式,图表的维度同样不受限制,比如可以为二维图表、三维图表或是更高维度的图表等。
图表的内容同样可以根据实际情况灵活设定,不局限于本公开各实施例。在一些可能的实现方式中,图表可以是应用于政务系统的相关图表,用于对政务系统内的一些数据进行展示等。在一些可能的实现方式中,图表也可以为应用于其他领域的图表,比如财务领域、互联网领域或是办公领域等。
在一种可能的实现方式中,图表可以为包括时间与责任对象之间的对应关系图表。其中,时间可以是政务事件的处理时间,该时间可以以分钟、小时或是天为单位等进行统计,责任对象可以是对该政务事件进行处理或是负担责任的相关对象,比如执法人员、辅助人员、当事人或是指挥中心等。在图表包括时间与责任对象之间的对应关系的情况下,可以将时间作为x轴信息,责任对象作为y轴信息,也可以将时间作为y轴信息,将责任对象作为x轴信息等,根据实际情况进行设定即可。
目标数据可以是图标所展示的数据对象,目标数据包含的数据内容可以根据图表的实际情况灵活决定,比如可以包含图表中坐标轴的位置、图表中节点的位置以及图表中包含的各种文字内容等。
在一种可能的实现方式中,目标数据可以包含静态显示数据和动态显示数据,其中,静态显示数据中数据可以包含固定的位置信息,在图表绘制的过程中,静态显示数据对应的绘制内容可以绘制在固定的位置处。而动态显示数据可以包含变化的位置信息,在图表绘制的过程中,动态显示数据对应的绘制内容绘制的位置可以是动态变化的,比如在对图表进行拉动的情况下,图表中的某些节点的位置可能跟随拉动的方向而进行改变,则这些节点对应的数据可以作为动态显示数据等。
目标数据的数据结构同样可以根据图表的实际情况灵活决定,而且不同类型的目标数据,其数据结构也可能不同,比如静态显示数据和动态显示数据可以对应不同的数据结构等。详见下述各公开实施例,在此先不做展开。
获取目标数据的方式在本公开实施例中同样不做限制,比如直接从预设的数据库中读取数据,或是实时接收待显示的目标数据,或是对获取的数据进行一定的数据处理后得到目标数据等。步骤S11的一些可能的实现方式可以详见下述各公开实施例,在此同样先不做展开。
步骤S12,根据静态显示数据,绘制图表的静态显示区域。
其中,图表的静态显示区域,可以是图表中显示内容固定且显示位置固定的区域,静态显示区域中包含的内容可以根据实际情况灵活选择,不局限于下述各公开实施例。
在一种可能的实现方式中,静态显示区域可以包括在目标显示界面上位置固定的第一显示内容。
其中,目标显示界面可以是用于对图标进行显示的任意界面,其界面形式在本公开实施例中不做限制,可以为具有显示功能的任意设备界面,比如手机屏幕、电脑屏幕或投影设备等,在一些可能的实现方式中,该目标显示界面也可以为具有展示功能的软件界面,比如网页、画图等图像编辑软件的显示界面或是办公软件的显示界面等。
第一显示内容可以为在目标显示界面上位置固定的内容,举例来说,图表中可以包含多个坐标轴,如x轴、y轴或z轴等,如果其中的某个坐标轴中包含的数据内容可以完全显示在目标显示界面上,则该坐标轴与坐标轴对应的内容均可以作为静态显示区域中的第一显示内容。比如,某个二维折线图中,y轴中可以包含固定的内容信息,则这些固定的内容信息可以完全显示在目标显示界面上,在这种情况下,y轴的长度、y轴的分隔线或是y轴上的标签等信息在目标显示界面中的显示位置均可以是固定不变的,因此可以将y轴坐标轴、y轴上的分隔线以及y轴上的标签等均作为静态显示区域所包含的第一显示内容。
步骤S12的实现形式可以根据静态显示数据的实际情况的不同而灵活发生变化,详见下述各公开实施例,在此先不做展开。
步骤S13,根据动态显示数据和图表在所述目标显示界面中的显示状态,绘制动态显示区域。
其中,图表的动态显示区域,可以是图表中显示内容变化的区域,举例来说,在一些可能的实现方式中,目标显示界面的显示范围可能有限,使得图表无法完全展现在目标显示界面中,在这种情况下,可以根据目标显示界面的可视范围对图表进行移动,而图表中跟随移动情况而进行展示的区域则可以作为动态显示区域。动态显示区域中包含的内容同样可以根据实际情况灵活选择,不局限于下述各公开实施例。
在一种可能的实现方式中,动态显示区域包括第二显示内容,第二显示内容可以根据显示状态进行变换。
其中,显示状态可以是图表在目标显示界面中的显示情况,举例来说,图表在目标显示界面中无法进行完全显示的情况下,显示状态可以包括图表在目标显示界面中的显示进度,用以表明目标显示界面中显示的内容在图表整体待展示的整体内容中的所占比例,该显示进度可以通过滚动轴、滚动条或是动态文字等形式显示在目标显示界面中。
第二显示内容可以为根据显示状态进行变换的内容,举例来说,如果图表中的某个坐标轴中包含的数据内容无法完全显示在目标显示界面上,则该坐标轴与坐标轴对应的内容可以作为动态显示区域中的第二显示内容。比如,某个二维折线图中,x轴中包含的内容信息可能比较多,比如x轴可能是时间轴,而时间的延伸范围较长且可能随着情况的改变一直延伸,导致目标显示界面仅能对x轴对应的内容信息进行部分显示,在这种情况下,x轴、x轴上的标签以及图表中包含x坐标位置的各节点等在目标显示界面中的显示状态均可能随着x轴进度的变化而改变,因此可以将x轴、x轴上的标签以及图表中包含x坐标位置的各节点等均作为动态显示区域所包含的第二显示内容。
步骤S13的实现形式可以根据动态显示数据的实际情况的不同而灵活发生变化,在一些可能的实现方式中,在显示状态发生变化的情况下,可以将动态显示区域中已绘制的第二显示内容清空,并根据变化后的显示状态,重新确定第二显示内容,并对动态显示区域重新进行绘制等。详见下述各公开实施例,在此也先不做展开。
步骤S14,在目标显示界面中,叠加显示静态显示区域和动态显示区域。
其中,静态显示区域和动态显示区域叠加的形式可以根据实际情况灵活选择,可以是包含遮挡的相互叠加,也可以是互不遮挡的叠加,在本公开实施例中不做限制。
静态显示区域和动态显示区域的叠加顺序同样可以根据实际情况灵活决定,可以根据实际情况设定将动态显示区域叠加在静态显示区域上,也可以将静态显示区域叠加在动态显示区域上,在进行互补遮挡的叠加的情况下,也可以无需考虑静态显示区域和动态显示区域的叠加顺序等。
在本公开实施例中,可以获取用于显示图标的目标数据,并根据目标数据中的静态显示数据,绘制图标的静态显示区域,根据目标数据中的动态显示数据和图标的显示状态,绘制动态显示区域,并在目标显示界面中,叠加显示静态显示区域和动态显示区域。通过本公开实施例,可以实现图表中静态显示区域和动态显示区域的分别绘制,且便于在显示状态变化的情况下,通过变换的第二显示内容来绘制动态显示区域,减少对静态显示区域的更改,从而减少图表绘制过程中处理的数据量,提高图表显示的效率和性能。
在一种可能的实现方式中,步骤S11可以包括:
获取用于显示图表的初始数据;
根据初始数据的数据类型,对初始数据进行数据结构变换,得到与预设数据结构匹配的中间数据;
根据图表对应的可视化数据结构,将中间数据进行转换,得到与可视化数据结构匹配的目标数据。
其中,初始数据可以是与图表显示的内容相关的任意数据,其获取方式可以根据图表内容的不同而灵活发生变化。比如在图表为时间与责任对象之间的对应关系图表的情况下,初始数据可以为政务系统的相关数据,从政务系统的数据库中进行读取。在一些可能的实现方式中,在政务事件处于过程中的情况下,初始数据也可以通过实时获取的方式所得到。
初始数据可以包含一种或多种数据类型,该数据类型在本公开实施例中同样不做限制,比如在初始数据为政务系统的相关数据的情况下,初始数据的类型可以随着该初始数据所属责任对象的不同而发生变化,比如可以是执法人员的警务数据、当事人通过政务系统上传的普通数据或是指挥中心中的汇总数据等。
在初始数据包含多种数据类型的情况下,为了便于对初始数据进行处理,可以对初始数据进行数据结构变换,以得到与预设数据结构匹配的中间数据。
其中,预设数据结构的结构类型可以根据实际情况设定,在一些可能的实现方式中,为了便于后续对数据进行可视化展示,预设数据结构可以是便于转换为可视化数据结构的任意结构类型。
数据结构变换的方式可以根据初始数据与预设数据结构之间的数据对应关系所灵活决定,通过数据结构变换,可以将多种形式的初始数据统一为同样的预设数据结构,以便于后续批量对中间数据进行处理,以得到具有可视化数据结构的目标数据。
可视化数据结构是可以直接转换为图表中显示内容的数据结构,其结构形式可以根据图表的类型而灵活发生变化,详见下述各公开实施例,在此先不做展开。
将中间数据转换为可视化数据结构的方式同样可以根据实际情况灵活选择,比如可以根据预设数据结构与可视化数据结构之间的类型转换关系,对中间数据进行转换以得到目标数据。
通过本公开实施例,可以通过数据结构变换,将多种数据类型的初始数据统一为预设数据结构,便于后续在将中间数据转换为可视化数据结构的过程中,对数据进行批量处理,提升数据的处理效率,继而提升整个图表显示过程的效率和性能。
在一种可能的实现方式中,步骤S12可以包括:
根据静态显示数据,确定第一显示内容在目标显示界面上的第一显示位置;
根据第一显示位置,对第一显示内容进行绘制,得到静态显示区域。
其中,第一显示位置可以是第一显示内容在目标显示界面上进行显示的位置,如上述公开实施例所述,第一显示内容可以固定显示在目标显示界面上,因此该第一显示位置的位置信息可以是确定的。
根据静态显示数据确定第一显示位置的方式在本公开实施例中不做限制。在一种可能的实现方式中,可以根据静态显示数据的第一数据结构,从静态显示数据中直接获取到该第一显示位置。
第一数据结构具体的结构形式可以根据实际情况灵活决定,比如第一数据结构可以包括:数值固定的第一位置信息、第一标签以及第一颜色信息中的一种或多种。
其中,第一位置信息可以指示第一显示内容的第一显示位置,由于第一显示位置固定,故该第一位置信息的数值也可以是固定的。第一标签可以是静态显示数据所对应的信息内容,举例来说,对于时间与责任对象之间的对应关系图表,由于责任对象的类型较为确定,因此可以将责任对象所在的坐标轴作为静态显示数据,在这种情况下,第一标签可以为责任对象的标签。第一颜色可以为第一显示内容的显示颜色,可以根据实际情况灵活设定,在本公开实施例中不做限制。
在一个示例中,第一数据结构的具体结构可以为{[xxx]:node},其中,xxx可以为第一标签,如上述公开实施例提到的责任对象,node结构中可以包含第一位置信息以及第一颜色信息等基础数据等。在一个示例中,该node的结构可以记为{基础数据,rect:{centerX,centerY,width,height}},其中,基础数据可以包含第一颜色信息或与第一显示内容相关的其他信息,rect:{centerX,centerY,width,height}可以为上述公开实施例中提到的第一位置信息,其中centerX和centerY用于表明该第一显示内容的中心点在目标显示界面中的横坐标和纵坐标,width用于表明第一显示内容的宽度,height用于表明第一显示内容的高度,基于该第一位置信息,可以有效确定第一显示内容的第一显示位置。
根据第一显示位置,可以对第一显示内容进行绘制以得到静态显示区域。绘制的方式不局限于本公开各实施例,比如可以通过rem或vw等布局技术,采用相关的绘制方法或软件等实现绘制,在一个示例中,可以将图表设置为笛卡尔坐标轴的形式,并在该笛卡尔坐标轴中绘制静态显示区域。
通过本公开实施例,可以根据静态显示数据及其对应的第一数据结构,有效对第一显示内容进行定位并实现绘制,绘制方式简单便捷,从而提升整个图表显示方法的性能。
图2示出根据本公开一实施例的图表显示方法的流程图,如图所示,在一种可能的实现方式中,步骤S13可以包括:
步骤S131,响应于针对图表的显示控制操作,确定图表在目标显示界面中的显示状态。
其中,针对图表的显示控制操作,可以是对图表的显示进度进行调整的任意操作,比如拖拽图表中的滚动轴或滚动条等,或是改变图表中显示进度的文字以调整图表的显示进度,或是直接在触控屏上对图表进行滑动等以更改图表的显示进度等。
图3示出根据本公开一实施例的图表的示意图,如图所示,在一个示例中,图表中x轴部分的内容可能无法在目标显示界面中进行完整展示,因此图表在x轴的方向上存在一个滚动轴,用户可以通过拖拽或滚动等方式调整该滚动条,以调整图表在目标显示界面中的显示进度。
响应于该显示控制操作,可以确定目标图表在目标显示界面中的显示状态,其中,随着控制操作的不同,确定显示状态的方式也不同。比如在控制操作为拖拽滚动条的情况下,可以根据滚动条被拖拽后所处的位置在整个滚动条中所占的位置比例,确定目标图表所处的显示进度;在控制操作为调整文字的情况下,可以直接根据文字所指示的内容确定显示进度;在控制操作为在触控屏上对图表进行滑动的情况下,可以根据滑动的方向和距离,确定图表的显示进度等。
步骤S132,根据显示状态,获取第三显示内容中与显示状态匹配的第二显示内容。
其中,第三显示内容可以包括与动态显示数据匹配的全部显示内容,由于动态显示数据包含变化的位置信息,使得动态显示数据对应的内容可能出现也可能未出现在目标显示界面中,因此该第三显示内容既包含在目标显示界面中正在进行显示的第二显示内容,也包含未显示在目标显示界面中,但可以随着显示进度的变化而出现在目标显示界面中的全部数据。
根据显示状态,可以从第三显示内容中,提取出当前应该出现在目标显示界面上的第二显示内容。步骤S132的实现方式可以根据实际情况灵活选择,比如可以根据显示进度确定第二显示内容在第三显示内容中所处的内容范围等,详见下述各公开实施例,在此先不做展开。
步骤S133,根据动态显示数据,确定第二显示内容在目标显示界面上的第二显示位置。
其中,第二显示位置可以是第二显示内容在目标显示界面上进行显示的当前位置,如上述公开实施例所述,随着显示状态的变化,第二显示内容的位置也可以灵活进行调整,因此该第二显示位置的位置信息可以根据显示状态而灵活发生变化。
根据动态显示数据确定第二显示位置的方式在本公开实施例中不做限制。在一种可能的实现方式中,可以根据动态显示数据的第二数据结构,从动态显示数据中直接获取到该第二显示位置。
第二数据结构具体的结构形式可以根据实际情况灵活决定,比如第二数据结构可以包括:第二位置信息、第二标签以及第二颜色信息中的一种或多种。
其中,第二位置信息可以指示第二显示内容的第二显示位置,由于第二显示位置可以灵活变化,故该第二位置信息的数值可以根据显示状态进行变换,具体的显示状态与第二位置信息之间的变换关系可以根据实际情况进行灵活设定,在本公开实施例中不做限制。第二标签可以是动态显示数据所对应的信息内容,举例来说,对于时间与责任对象之间的对应关系图表,由于时间可以无限延伸,不同事件的处理时间均具有较大差异,导致无法确定时间轴的跨度范围,因此可以将时间所在的坐标轴以及图表中与时间相关的节点等均作为动态显示数据,在这种情况下,第二标签可以为节点的内容标签,可以用于指示该节点对应的时间,也可以用于指示该节点对应的事件处理类型等。第二颜色可以为第二显示内容的显示颜色,可以根据实际情况灵活设定,在本公开实施例中不做限制。
在一个示例中,第二数据结构的具体结构可以为上述公开实施例中提到的node结构,在此不再赘述,需要注意的是,在node结构用于表示动态显示数据的情况下,该node结构中的rect:{centerX,centerY,width,height}可以为上述公开实施例中提到的第二位置信息,其中centerX和centerY用于表明该第二显示内容的中心点在目标显示界面中的横坐标和纵坐标,width用于表明第二显示内容的宽度,height用于表明第二显示内容的高度,由于第二位置信息可以随着显示状态而发生变换,因此该node结构中的centerX和centerY的数值可以随着显示状态而发生变化,而width和height的数值可以变化也可以不变化,根据节点的实际情况所确定即可。
步骤S134,根据第二显示位置,对第二显示内容进行绘制,得到动态显示区域。
根据第二显示位置对第二显示内容进行绘制的方式,可以参考上述公开实施例中对第一显示内容进行绘制的方式,在此不再赘述。
通过本公开实施例,可以响应于针对图表的显示控制操作,来确定当前应该显示的第二显示内容,并基于确定的第二显示内容,对动态显示区域进行重新绘制,从而可以基于用户的控制,单独对动态显示区域进行重新绘制,减少绘制过程中所需要处理的数据量,提升图表绘制的效率和性能,也可以提升图表显示与用户控制之间的交互程度,提升用户对图表进行查看的体验感受。
图4示出根据本公开一实施例的图表显示方法的流程图,如图所示,在一种可能的实现方式中,步骤S132可以包括:
步骤S1321,根据显示进度与预设间距,确定第二显示内容中待显示的初始图元元素。
其中,第三显示内容可以包括多个图元元素,该图元元素可以是动态显示区域中显示的或待显示的各图像内容。图元元素的实现形式可以根据图表的实际情况灵活决定,举例来说,在图表为折线图的情况下,图元元素可以是图表中折线的各个节点;在图表为条形图的情况下,图元元素可以是条形图中的各个条形图像等。
多个图元元素可以在图表的预设方向上按照相同的预设间距进行排列,其中,预设方向可以为与显示进度一致的方向,比如,若图表可以在x轴上进行显示进度的调节,则预设方向同样可以为x轴的方向。预设间距的距离可以根据实际情况灵活设置,在本公开实施例中不做限制。
由于多个图元元素可以在预设方向上按照相同的预设间距进行排列,故基于该预设间距,可以方便确定某个图元元素在多个图元元素中的编号或是位置等,因此该预设间距可以用于从第三显示内容的多个图元元素中,确定第二显示内容中可以包含的图元元素等。
具体地,可以根据显示进度和预设间距来确定第二显示内容中的初始图元元素,其中,初始图元元素可以是在当前显示进度下,第二显示内容中所显示的第一个图元元素。
确定初始图元元素的方式可以根据显示进度的形式而灵活决定,在一个示例中,在显示进度为滚动条或滚动轴的位置的情况下,该显示进度可以表明在预设方向上,动态显示区域的起始位置与图表的原始起始位置之间的第一距离,因此可以将该第一距离与预设间距相除,来得到初始图元元素的编号a,该编号a可以表明在第三显示内容包含的多个图元元素中,第a个图元元素将作为第二显示内容中待显示的初始图元元素。
举例来说,在如图3所示的图表中,图表可以通过滚动条在x轴上进行移动,滚动条的位置可以表明在x轴的方向上,当前显示的动态显示区域的左边界点与图表原点之间的第一距离,将该第一距离与预设间距相除,可以确定原点和动态显示区域的左边界点之间包含的节点数量,则根据该节点数量,可以确定位于动态显示区域最左边的节点应该是哪个节点,即可以确定第二显示内容中待显示的初始图元元素。
在一个示例中,步骤S1321的过程可以通过下述公式(1)进行表示:
index1=floor(scrollLeft/SIZE) (1)
其中,index1为初始图元元素在多个图元元素中的顺序编号,scrollLeft为显示进度,SIZE为预设间距,floor(·)为向下取整函数。
通过公式(1)可以看出,在一些可能的实现方式中,根据显示进度所确定的动态显示区域中,可能无法完整地显示初始图元元素,在这种情况下,可以通过向下取整的函数,使得动态显示区域中显示的初始图元元素是一个完整的元素状态,比如是一个完整的节点。
步骤S1322,根据显示进度、预设间距以及动态显示区域在图表中的预设显示范围,确定第二显示内容中待显示的终止图元元素。
其中,终止图元元素可以是在当前显示进度下,第二显示内容中所显示的最后一个图元元素。
预设显示范围可以是图表中可以展示的动态显示区域的范围,比如图表在x轴的整体长度为i,而预设显示范围在x方向上的长度为j且j<i,则动态显示区域仅能在x轴方向上显示长度为j的内容,需要对图表在x轴方向上进行移动才能获知图表的全部内容。
预设显示范围的大小可以根据目标显示界面的实际情况灵活决定,在本公开实施例中不做限定。
确定终止图元元素的方式同样可以根据显示进度的形式而灵活决定,在一个示例中,在显示进度为滚动条或滚动轴的位置的情况下,该显示进度可以表明在预设方向上,动态显示区域的起始位置与图表的原始起始位置之间的第一距离,将该第一距离与预设显示范围在预设方向上的长度相加,则可以获知动态显示区域的终止位置与图表的原始起始位置之间的第二距离,因此可以将该第二距离与预设间距相除,来得到终止图元元素的编号b,该编号b可以表明在第三显示内容包含的多个图元元素中,第b个图元元素将作为第二显示内容中待显示的终止图元元素。
举例来说,在如图3所示的图表中,图表可以通过滚动条在x轴上进行移动,滚动条的位置与动态显示区域在x轴上的长度相加,可以表明在x轴的方向上,当前显示的动态显示区域的右边界点与图表原点之间的第二距离,将该第二距离与预设间距相除,可以确定原点和动态显示区域的右边界点之间包含的节点数量,则根据该节点数量,可以确定位于动态显示区域最右边的节点应该是哪个节点,即可以确定第二显示内容中待显示的终止图元元素。
在一个示例中,步骤S1322的过程可以通过下述公式(2)进行表示:
index2=floor((scrollLeft+offsetWidth)/SIZE) (2)
其中,index2为终止图元元素在多个图元元素中的顺序编号,offsetWidth为动态显示区域在x轴上的长度。
通过公式(2)可以看出,在一些可能的实现方式中,根据显示进度所确定的动态显示区域中,可能无法完整地显示终止图元元素,在这种情况下,同样可以通过向下取整的函数,使得动态显示区域中显示的终止图元元素也是一个完整的元素状态,比如是一个完整的节点。
步骤S1323,基于初始图元元素和终止图元元素,从第三显示内容中提取与显示状态匹配的第二显示内容。
根据初始图元元素和终止图元元素,可以分别确定第二显示内容包含的第一个图元元素和最后一个图元元素,进一步地,由于在第三显示内容中包含的多个图元元素可以按照相同的预设间距进行排列,故在确定初始图元元素和终止图元元素的情况下,可以获知二者之间包含的各图元元素,从而确定第二显示内容中包含的各图元元素,得到第二显示内容。
通过本公开实施例,可以根据显示进度、预设间距以及动态显示区域的预设显示范围,便捷快速地确定第二显示内容中应该包含的图元元素,从而高效率地确定与当前的显示进度匹配的第二显示内容,提升动态显示区域的绘制效率和性能,继而提升整个图表的绘制效率和性能。
在一种可能的实现方式中,步骤S13还可以包括:
根据显示状态,按照预设统计规则,对第二显示内容进行合并统计,得到第四显示内容。
根据预设显示位置,对第四显示内容进行绘制。
其中,第四显示内容可以是对图表中的第二显示内容进行合并统计所得到的统计内容,由于第二显示内容可以根据显示状态而进行变换,因此相应地,第四显示内容也可以根据显示状态二进行变换。
在一种可能的实现方式中,由于第二显示内容可以由图元元素所组成,在这种情况下,第四显示内容可以是按照预设统计规则对第二显示内容中的图元元素进行合并统计而得到的统计结果。
预设统计规则的规则内容可以根据图表的实际情况灵活变化,不局限于下述各公开实施例。举例来说,在一个示例中,对于时间与责任对象之间的对应关系图表,预设统计规则可以为:时间上相邻且属于同一责任对象的节点,可以认为属于相同的事件处理阶段,因此可以合并在一起。
图5示出根据本公开一实施例的图表示意图,如图所示,在一个示例中,已受理和已分派这两个节点均属于指挥中心这一责任对象,且二者在时间上相邻,因此,可以将已受理和已分派这两个节点进行合并统计在派遣这一事件处理阶段中,并将合并统计后的派遣内容作为第四显示内容。同理,还可以得到受理、处置以及核查等第四显示内容。
预设显示位置可以是第四显示内容在目标显示界面上进行显示的位置,该位置可以根据实际情况进行预先设定,比如如图5所示,可以将预设显示位置设置在位于图表的标题下方,在一些可能的实现方式中,也可以根据图表的实际情况,将预设显示位置设置在图表的下方、左方或右方等各种位置。
获取预设显示位置的方式在本公开实施例中不做限制。在一种可能的实现方式中,可以直接读取预先存储的预设显示位置;在一种可能的实现方式中,可以根据动态显示数据的第三数据结构,从动态显示数据中读取该预设显示位置。
第三数据结构可以是与第四显示内容匹配的数据结果,具体的结构形式可以根据实际情况灵活决定,除了可以包含预设显示位置以外,第三数据结构也可以包括:第三标签信息、第三颜色信息、统计信息以及判断信息中的一种或多种。
其中,第三标签信息可以是第四显示内容所对应的信息内容,举例来说,可以为上述公开实施例中提到的合并统计后的事件处理阶段的名称,比如受理、派遣、处置或核查等。第三颜色信息可以为第四显示内容的显示颜色,可以根据实际情况灵活设定,在本公开实施例中不做限制。统计信息可以包括对第二显示内容中的哪些图元元素进行合并,以及合并后第四显示内容在预设方向上的长度,比如图5中预设方向为x方向,且x轴代表时间,则x轴方向上的长度可以表明时间长度,即图5中的用时0分钟、用时1分钟等。而判断信息则可以是根据预设判断规则对统计信息进行判断所得到的结果,预设判断规则的规则形式同样可以根据实际情况灵活决定,比如图5中统计信息包含时间长度,则预设判断规则可以用于判断统计信息是否超时,在这种情况下,判断信息的内容可以为超时或未超时等。
在一个示例中,第三数据结构的具体结构可以为{label,duration,isExceed},其中,label可以为第三标签信息,如上述公开实施例提到的受理、派遣等阶段名称,duration可以为上述公开实施例中提到的统计信息,比如合并第二显示内容中的哪些节点以及合并后的总体时间,而isExceed则可以为上述公开实施例中提到的判断信息,比如判断合并后的总体时间是否超时等。
根据预设显示位置,对第四显示内容进行绘制的方式同样可以参考上述对第一显示内容进行绘制的方式,在此不再赘述。
通过本公开实施例,可以在绘制图表动态显示区域的过程中,一并对动态显示区域中的第二显示内容进行统计汇总,提升图表绘制性能的同时丰富图表的内容。
图6示出根据本公开的实施例的图表显示装置的框图,如图6所示,所述装置20包括:
获取模块21,用于获取用于显示图表的目标数据,目标数据包括静态显示数据和动态显示数据。
静态绘制模块22,用于根据静态显示数据,绘制图表的静态显示区域,其中,静态显示区域包括在目标显示界面上位置固定的第一显示内容。
动态绘制模块23,用于根据动态显示数据和图表在目标显示界面中的显示状态,绘制动态显示区域,其中,动态显示区域包括第二显示内容,第二显示内容根据显示状态进行变换。
显示模块24,用于在目标显示界面中,叠加显示静态显示区域和动态显示区域。
在一种可能的实现方式中,静态绘制模块,用于:根据静态显示数据,确定第一显示内容在目标显示界面上的第一显示位置;根据第一显示位置,对第一显示内容进行绘制,得到静态显示区域。
在一种可能的实现方式中,动态绘制模块,用于:响应于针对图表的显示控制操作,确定图表在目标显示界面中的显示状态;根据显示状态,获取第三显示内容中与显示状态匹配的第二显示内容,其中,第三显示内容包括与动态显示数据匹配的全部显示内容;根据动态显示数据,确定第二显示内容在目标显示界面上的第二显示位置;根据第二显示位置,对第二显示内容进行绘制,得到动态显示区域。
在一种可能的实现方式中,显示状态包括显示进度;第三显示内容包括多个图元元素,多个图元元素在图表的预设方向上按照相同的预设间距进行排列;动态绘制模块,进一步用于:根据显示进度与预设间距,确定第二显示内容中待显示的初始图元元素;根据显示进度、预设间距以及动态显示区域在图表中的预设显示范围,确定第二显示内容中待显示的终止图元元素;基于初始图元元素和终止图元元素,从第三显示内容中提取与显示状态匹配的第二显示内容。
在一种可能的实现方式中,动态显示区域还包括第四显示内容;动态绘制模块,还用于:根据显示状态,按照预设统计规则,对第二显示内容进行合并统计,得到第四显示内容;根据预设显示位置,对第四显示内容进行绘制。
在一种可能的实现方式中,获取模块,用于:获取用于显示图表的初始数据;根据初始数据的数据类型,对初始数据进行数据结构变换,得到与预设数据结构匹配的中间数据;根据图表对应的可视化数据结构,将中间数据进行转换,得到与可视化数据结构匹配的目标数据。
在一种可能的实现方式中,可视化数据结构包括:静态显示数据的第一数据结构、动态显示数据的第二数据结构以及动态显示数据的第三数据结构中的一种或多种,其中,第二数据结构与第二显示内容匹配,第三数据结构与第四显示内容匹配,第四显示内容包括对第二显示内容进行合并统计所得到的统计结果。
在一种可能的实现方式中,静态显示数据的第一数据结构包括:数值固定的第一位置信息、第一标签以及第一颜色信息中的一种或多种;动态显示数据的第二数据结构包括:第二位置信息、第二标签以及第二颜色信息中的一种或多种,其中,第二位置信息的数值根据显示状态进行变换;动态显示数据的第三数据结构包括:第三标签信息、第三颜色信息、统计信息以及判断信息中的一种或多种,其中,判断信息包括根据预设判断规则对统计信息进行判断所得到的判断结果。
在一种可能的实现方式中,图表包括时间与责任对象之间的对应关系图表。
在一些实施例中,本公开实施例提供的装置具有的功能或包含的模块可以用于执行上文方法实施例描述的方法,其具体实现可以参照上文方法实施例的描述,为了简洁,这里不再赘述。
应用场景示例
图7示出根据本公开一应用示例的示意图,如图所示,本公开应用示例提出了一种图表显示方法,包括如下过程:
第一步,获取展示数据,进行预处理:
在本公开应用示例中,可以将政务系统事件处置阶段的数据作为初始数据,根据初始数据所属的事件处置阶段,对初始数据进行数据结构变换来实现数据结构的统一,得到与预设数据结构匹配的中间数据。
第二步,将预处理后的中间数据转为可视化数据结构的目标数据:
在第二步中,可以将预处理后的中间数据作为输入,再次进行转换,从而输出适配可视化数据结构的目标数据,可视化数据结构的结构形式可以参考上述公开实施例中的第一数据结构、第二数据结构和第三数据结构,在此不再赘述。
第三步,确定动态显示区域的预设显示范围,并构建用于绘制图表的笛卡尔坐标轴:
在本公开应用示例中,可以利用rem或vw布局技术来在目标显示界面中进行图表布局。具体地,可以根据数据结构为可视化数据结构的目标数据,计算目标显示界面中可视的宽度和高度,作为动态显示区域的预设显示范围。
由于图表可能无法在目标显示界面中进行完整显示,因此图表中还可以包含一控制轴,用于表明图表的显示进度。
根据预设显示范围,可以绘制尺寸与预设显示范围匹配的笛卡尔坐标轴,如上述公开实施例中的图3所示,该笛卡尔坐标轴可以由两层组成,底层为静态显示区域,负责展示纵轴标签和水平分割线,上层为动态显示区域,负责对各节点形式的图元元素进行数据展示。
考虑到绘制性能和绘制的简便程度,包含两层区域的笛卡尔坐标轴可以采用分层渲染的方式进行绘制,其中底层作为静态显示区域的纵轴标签和水平分割线等,属于静态显示数据,不需要随着控制轴的滚动而变化。而上层的动态显示区域,则可以随着控制轴的滚动而变化。在控制轴移动而需要对图表进行重新绘制的情况下,只需要对动态显示区域进行清屏,然后更新动态显示区域中的图元元素即可,无需重新对静态显示区域进行绘制。
动态显示区域还可以包括统计轴,用于对动态显示区域中的图元元素进行统计,其实现形式可以参考上述公开实施例中的第四显示内容,在此不再赘述。
第四步,确定当前待显示的第二显示内容,并根据第二显示内容绘制动态显示区域:
根据当前控制轴的位置scrollLeft、动态显示区域在x轴上的预设显示范围offsetWidth以及图表中各图元元素在x轴方向上的预设间距SIZE,确定当前待显示的第二显示内容中的起始节点和结束节点的节点编号,作为第二显示内容中的初始图元元素和终止图元元素。
根据该初始图元元素和终止图元元素,在目标显示界面的坐标系(或是坐标系的某个象限,比如第一象限等)中绘制第二显示内容中包含的各图元元素,以得到动态显示区域。
基于本公开应用示例中的图表显示方法,可以对图表中的静态显示区域和动态显示区域进行分层绘制,相比于相关技术中将图表中的各图元元素一次性进行全部绘制,本公开应用示例提出的方法可以有效提升图表的绘制和显示性能,优化图表的显示效果,减少显示过程中由于数据过度导致内存被过分占用的情况的发生,且可以根据目标显示界面的实际情况,对图表在可视范围内进行展示,提升显示的灵活性。
可以理解,本公开提及的上述各个方法实施例,在不违背原理逻辑的情况下,均可以彼此相互结合形成结合后的实施例,限于篇幅,本公开不再赘述。
本领域技术人员可以理解,在具体实施方式的上述方法中,各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定,各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。
本公开实施例还提出一种计算机可读存储介质,其上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现上述方法。计算机可读存储介质可以是非易失性计算机可读存储介质。
本公开实施例还提出一种电子设备,包括:处理器;用于存储处理器可执行指令的存储器;其中,所述处理器被配置为调用所述存储器存储的指令,以执行上述方法。
本公开实施例还提供了一种计算机程序产品,包括计算机可读代码,当计算机可读代码在设备上运行时,设备中的处理器执行用于实现如上任一实施例提供的图表显示方法的指令。
本公开实施例还提供了另一种计算机程序产品,用于存储计算机可读指令,指令被执行时使得计算机执行上述任一实施例提供的图表显示方法的操作。
电子设备可以被提供为终端、服务器或其它形态的设备。
图8示出根据本公开实施例的一种电子设备800的框图。例如,电子设备800可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等终端。
参照图8,电子设备800可以包括以下一个或多个组件:处理组件802,存储器804,电源组件806,多媒体组件808,音频组件810,输入/输出(I/O)的接口812,传感器组件814,以及通信组件816。
处理组件802通常控制电子设备800的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件802可以包括一个或多个模块,便于处理组件802和其他组件之间的交互。例如,处理组件802可以包括多媒体模块,以方便多媒体组件808和处理组件802之间的交互。
存储器804被配置为存储各种类型的数据以支持在电子设备800的操作。这些数据的示例包括用于在电子设备800上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件806为电子设备800的各种组件提供电力。电源组件806可以包括电源管理系统,一个或多个电源,及其他与为电子设备800生成、管理和分配电力相关联的组件。
多媒体组件808包括在所述电子设备800和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边缘,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件808包括一个前置摄像头和/或后置摄像头。当电子设备800处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件810被配置为输出和/或输入音频信号。例如,音频组件810包括一个麦克风(MIC),当电子设备800处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中,音频组件810还包括一个扬声器,用于输出音频信号。
I/O接口812为处理组件802和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件814包括一个或多个传感器,用于为电子设备800提供各个方面的状态评估。例如,传感器组件814可以检测到电子设备800的打开/关闭状态,组件的相对定位,例如所述组件为电子设备800的显示器和小键盘,传感器组件814还可以检测电子设备800或电子设备800一个组件的位置改变,用户与电子设备800接触的存在或不存在,电子设备800方位或加速/减速和电子设备800的温度变化。传感器组件814可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件814还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件816被配置为便于电子设备800和其他设备之间有线或无线方式的通信。电子设备800可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件816还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种非易失性计算机可读存储介质,例如包括计算机程序指令的存储器804,上述计算机程序指令可由电子设备800的处理器820执行以完成上述方法。
图9示出根据本公开实施例的一种电子设备1900的框图。例如,电子设备1900可以被提供为一服务器。参照图9,电子设备1900包括处理组件1922,其进一步包括一个或多个处理器,以及由存储器1932所代表的存储器资源,用于存储可由处理组件1922的执行的指令,例如应用程序。存储器1932中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外,处理组件1922被配置为执行指令,以执行上述方法。
电子设备1900还可以包括一个电源组件1926被配置为执行电子设备1900的电源管理,一个有线或无线网络接口1950被配置为将电子设备1900连接到网络,和一个输入输出(I/O)接口1958。电子设备1900可以操作基于存储在存储器1932的操作系统,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM或类似。
在示例性实施例中,还提供了一种非易失性计算机可读存储介质,例如包括计算机程序指令的存储器1932,上述计算机程序指令可由电子设备1900的处理组件1922执行以完成上述方法。
本公开可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本公开的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本公开操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本公开的各个方面。
这里参照根据本公开实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本公开的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
该计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中,所述计算机程序产品具体体现为计算机存储介质,在另一个可选实施例中,计算机程序产品具体体现为软件产品,例如软件开发包(Software Development Kit,SDK)等等。
以上已经描述了本公开的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (12)

1.一种图表显示方法,其特征在于,包括:
获取用于显示所述图表的目标数据,所述目标数据包括静态显示数据和动态显示数据;
根据所述静态显示数据,绘制所述图表的静态显示区域,其中,所述静态显示区域包括在目标显示界面上位置固定的第一显示内容;
根据所述动态显示数据和所述图表在所述目标显示界面中的显示状态,绘制动态显示区域,其中,所述动态显示区域包括第二显示内容,所述第二显示内容根据所述显示状态进行变换;
在所述目标显示界面中,叠加显示所述静态显示区域和所述动态显示区域。
2.根据权利要求1所述的方法,其特征在于,所述根据所述静态显示数据,绘制所述图表的静态显示区域,包括:
根据所述静态显示数据,确定所述第一显示内容在所述目标显示界面上的第一显示位置;
根据所述第一显示位置,对所述第一显示内容进行绘制,得到所述静态显示区域。
3.根据权利要求1或2所述的方法,其特征在于,所述根据所述动态显示数据和所述图表在所述目标显示界面中的显示状态,绘制动态显示区域,包括:
响应于针对所述图表的显示控制操作,确定所述图表在所述目标显示界面中的显示状态;
根据所述显示状态,获取第三显示内容中与所述显示状态匹配的第二显示内容,其中,所述第三显示内容包括与所述动态显示数据匹配的全部显示内容;
根据所述动态显示数据,确定所述第二显示内容在所述目标显示界面上的第二显示位置;
根据所述第二显示位置,对所述第二显示内容进行绘制,得到所述动态显示区域。
4.根据权利要求3所述的方法,其特征在于,所述显示状态包括显示进度;所述第三显示内容包括多个图元元素,所述多个图元元素在所述图表的预设方向上按照相同的预设间距进行排列;
所述根据所述显示状态,获取第三显示内容中与所述显示状态匹配的第二显示内容,包括:
根据所述显示进度与所述预设间距,确定所述第二显示内容中待显示的初始图元元素;
根据所述显示进度、所述预设间距以及所述动态显示区域在所述图表中的预设显示范围,确定所述第二显示内容中待显示的终止图元元素;
基于所述初始图元元素和所述终止图元元素,从所述第三显示内容中提取与所述显示状态匹配的第二显示内容。
5.根据权利要求1至4中任意一项所述的方法,其特征在于,所述动态显示区域还包括第四显示内容;
所述根据所述动态显示数据和所述图表在所述目标显示界面中的显示状态,绘制动态显示区域,还包括:
根据所述显示状态,按照预设统计规则,对所述第二显示内容进行合并统计,得到所述第四显示内容;
根据预设显示位置,对所述第四显示内容进行绘制。
6.根据权利要求1至5中任意一项所述的方法,其特征在于,所述获取用于显示所述图表的目标数据,包括:
获取用于显示所述图表的初始数据;
根据所述初始数据的数据类型,对所述初始数据进行数据结构变换,得到与预设数据结构匹配的中间数据;
根据所述图表对应的可视化数据结构,将所述中间数据进行转换,得到与所述可视化数据结构匹配的目标数据。
7.根据权利要求6所述的方法,其特征在于,所述可视化数据结构包括:所述静态显示数据的第一数据结构、所述动态显示数据的第二数据结构以及所述动态显示数据的第三数据结构中的一种或多种,其中,所述第二数据结构与第二显示内容匹配,所述第三数据结构与第四显示内容匹配,所述第四显示内容包括对所述第二显示内容进行合并统计所得到的统计结果。
8.根据权利要求7所述的方法,其特征在于,所述静态显示数据的第一数据结构包括:数值固定的第一位置信息、第一标签以及第一颜色信息中的一种或多种;
所述动态显示数据的第二数据结构包括:第二位置信息、第二标签以及第二颜色信息中的一种或多种,其中,所述第二位置信息的数值根据所述显示状态进行变换;
所述动态显示数据的第三数据结构包括:第三标签信息、第三颜色信息、统计信息以及判断信息中的一种或多种,其中,所述判断信息包括根据预设判断规则对所述统计信息进行判断所得到的判断结果。
9.根据权利要求1至8中任意一项所述的方法,其特征在于,所述图表包括时间与责任对象之间的对应关系图表。
10.一种图表显示装置,其特征在于,包括:
获取模块,用于获取用于显示所述图表的目标数据,所述目标数据包括静态显示数据和动态显示数据;
静态绘制模块,用于根据所述静态显示数据,绘制所述图表的静态显示区域,其中,所述静态显示区域包括在目标显示界面上位置固定的第一显示内容;
动态绘制模块,用于根据所述动态显示数据和所述图表在所述目标显示界面中的显示状态,绘制动态显示区域,其中,所述动态显示区域包括第二显示内容,所述第二显示内容根据所述显示状态进行变换;
显示模块,用于在所述目标显示界面中,叠加显示所述静态显示区域和所述动态显示区域。
11.一种电子设备,其特征在于,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为调用所述存储器存储的指令,以执行权利要求1至9中任意一项所述的方法。
12.一种计算机可读存储介质,其上存储有计算机程序指令,其特征在于,所述计算机程序指令被处理器执行时实现权利要求1至9中任意一项所述的方法。
CN202111106936.9A 2021-09-22 2021-09-22 图表显示方法及装置、电子设备和存储介质 Withdrawn CN113807067A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202111106936.9A CN113807067A (zh) 2021-09-22 2021-09-22 图表显示方法及装置、电子设备和存储介质
PCT/CN2022/113127 WO2023045634A1 (zh) 2021-09-22 2022-08-17 图表显示方法及装置、电子设备、存储介质和计算机程序产品

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111106936.9A CN113807067A (zh) 2021-09-22 2021-09-22 图表显示方法及装置、电子设备和存储介质

Publications (1)

Publication Number Publication Date
CN113807067A true CN113807067A (zh) 2021-12-17

Family

ID=78939920

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111106936.9A Withdrawn CN113807067A (zh) 2021-09-22 2021-09-22 图表显示方法及装置、电子设备和存储介质

Country Status (2)

Country Link
CN (1) CN113807067A (zh)
WO (1) WO2023045634A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114647476A (zh) * 2022-03-31 2022-06-21 北京百度网讯科技有限公司 页面渲染方法、装置、设备、存储介质及程序
WO2023045634A1 (zh) * 2021-09-22 2023-03-30 上海商汤智能科技有限公司 图表显示方法及装置、电子设备、存储介质和计算机程序产品

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101620591A (zh) * 2009-08-12 2010-01-06 国网电力科学研究院 一种基于单元格方式的组件化报表布局设计方法
US10156975B1 (en) * 2014-09-08 2018-12-18 Tableau Software, Inc. Systems and methods for using analytic objects in a dynamic data visualization interface
CN111143725A (zh) * 2019-11-15 2020-05-12 北京字节跳动网络技术有限公司 页面生成方法、装置和电子设备
CN112612991A (zh) * 2020-12-30 2021-04-06 微医云(杭州)控股有限公司 页面显示方法、装置、电子设备及存储介质
CN113807067A (zh) * 2021-09-22 2021-12-17 深圳市商汤科技有限公司 图表显示方法及装置、电子设备和存储介质

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023045634A1 (zh) * 2021-09-22 2023-03-30 上海商汤智能科技有限公司 图表显示方法及装置、电子设备、存储介质和计算机程序产品
CN114647476A (zh) * 2022-03-31 2022-06-21 北京百度网讯科技有限公司 页面渲染方法、装置、设备、存储介质及程序
CN114647476B (zh) * 2022-03-31 2024-06-11 北京百度网讯科技有限公司 页面渲染方法、装置、设备、存储介质及程序

Also Published As

Publication number Publication date
WO2023045634A1 (zh) 2023-03-30

Similar Documents

Publication Publication Date Title
CN110647834B (zh) 人脸和人手关联检测方法及装置、电子设备和存储介质
CN107948708B (zh) 弹幕展示方法及装置
CN110633755A (zh) 网络训练方法、图像处理方法及装置、电子设备
CN110674719A (zh) 目标对象匹配方法及装置、电子设备和存储介质
WO2023045634A1 (zh) 图表显示方法及装置、电子设备、存储介质和计算机程序产品
CN112465843A (zh) 图像分割方法及装置、电子设备和存储介质
CN106919629B (zh) 在群聊中实现信息筛选的方法及装置
CN109285126B (zh) 图像处理方法及装置、电子设备和存储介质
CN109145970B (zh) 基于图像的问答处理方法和装置、电子设备及存储介质
CN109934240B (zh) 特征更新方法及装置、电子设备和存储介质
CN113065591B (zh) 目标检测方法及装置、电子设备和存储介质
CN110543849B (zh) 检测器的配置方法及装置、电子设备和存储介质
CN112991553A (zh) 信息展示方法及装置、电子设备和存储介质
CN110989905A (zh) 信息处理方法及装置、电子设备和存储介质
CN111882558A (zh) 图像处理方法及装置、电子设备和存储介质
CN110609933A (zh) 图像处理方法及装置、电子设备和存储介质
CN113807253A (zh) 人脸识别方法及装置、电子设备和存储介质
CN112508020A (zh) 标注方法及装置、电子设备和存储介质
CN111354444A (zh) 病理切片图像的展示方法及装置、电子设备和存储介质
CN113869295A (zh) 对象检测方法及装置、电子设备和存储介质
CN112083869A (zh) 数字输入方法、数字输入装置及存储介质
CN112461245A (zh) 数据处理方法及装置、电子设备和存储介质
CN111582265A (zh) 一种文本检测方法及装置、电子设备和存储介质
CN112148130A (zh) 信息处理方法及装置、电子设备和存储介质
CN112734015B (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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40059713

Country of ref document: HK

WW01 Invention patent application withdrawn after publication

Application publication date: 20211217

WW01 Invention patent application withdrawn after publication