CN109582403B - 图表内组件间的联动显示方法及装置 - Google Patents

图表内组件间的联动显示方法及装置 Download PDF

Info

Publication number
CN109582403B
CN109582403B CN201710906520.2A CN201710906520A CN109582403B CN 109582403 B CN109582403 B CN 109582403B CN 201710906520 A CN201710906520 A CN 201710906520A CN 109582403 B CN109582403 B CN 109582403B
Authority
CN
China
Prior art keywords
component
state information
current
parent
level
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.)
Active
Application number
CN201710906520.2A
Other languages
English (en)
Other versions
CN109582403A (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 CN201710906520.2A priority Critical patent/CN109582403B/zh
Publication of CN109582403A publication Critical patent/CN109582403A/zh
Application granted granted Critical
Publication of CN109582403B publication Critical patent/CN109582403B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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/177Editing, e.g. inserting or deleting of tables; using ruled lines
    • G06F40/18Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets

Abstract

本发明公开了一种图表内组件间的联动显示方法及装置,应用于具有多个具有级联交互关系的组件的图表中,具有级联关系的组件分为父级组件和子级组件,子级组件的显示内容跟随父级组件的内容变化而变化。当检测到父级组件的级联交互指令后,更新该父级组件的状态信息;更新后的状态信息包括该父级组件的当前展示状态信息和父级组件处于当前展示状态时所关联的目标子级组件的组件标识;当目标子级组件监听到当前父级组件的状态信息更新,根据当前父级组件的当前展示状态信息查询目标子级组件对应的待显示数据,从而实现一个组件的状态变换其它关联的组件跟随一起变化,而且,这种级联交互关系不受组件类型的影响。

Description

图表内组件间的联动显示方法及装置
技术领域
本发明涉及计算机技术领域,尤其涉及一种图表内组件间的联动显示方法及装置。
背景技术
图表是一种能够直观、形象地展示统计信息属性(例如,时间、数量等)的图形结构,它对统计信息深入挖掘和信息直观生动感受起到关键作用。
通常统计信息中包含多个维度的属性,例如,时间、分类、数量等。在图表的使用场景中,通常需要多个图表组合展示统计信息,多个图表之间具有一定的关系。例如,父级图表用于描述某个指标全年的概览情况,子级图表则描述了概览中的具体数据,当父级图表发生下钻交互后,父级图表展示的是某一个月的概览数据,而子级图表则跟随父级图表的数据变化产生联动。图表联动能够使数据中的价值更加直观地呈现出来,有助于用户进行更细致地数据分析,帮助用户挖掘更多的数据价值,为精准决策提供更有价值的信息。
但是,目前的图表联动方案仅限于图表组件与图表组件之间的联动,这种联动无法扩展到其它类型的组件上,例如,在过滤器组件与图表组件之间就无法实现联动,从而导致图表联动显示不够灵活。
发明内容
鉴于上述问题,提出了本发明提供了一种图表内组件间的联动显示方法及装置,以解决目前的图表联动显示方案不灵活的技术问题。
第一方面,本申请提供一种图表内组件间的联动显示方法,应用于包含多个具有级联交互关系组件的图表中,包括:
当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,更新后的状态信息包括所述当前父级组件的当前展示状态信息及所述当前父级组件处于所述当前展示状态时所关联的目标子级组件的组件标识,所述当前父级组件为过滤器组件或图表组件;
当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息;
所述目标子级组件根据所述当前父级组件的当前展示状态信息查询所述目标子级组件对应的待显示数据。
可选地,所述方法还包括:
在创建包含组件级联关系的图表时,在所述父级组件的配置对象中保存所述父级组件所关联的所有子级组件的组件标识。
可选地,所述当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,包括:
解析所述当前父级组件的级联交互指令,得到所述当前父级组件的当前显示选项,并在所述当前父级组件的显示区域内显示所述当前显示选项对应的数据;
确定所述当前显示选项为所述当前父级组件的当前展示状态信息;
确定与所述当前显示选项相关联的目标子级组件;
将所述当前父级组件对应的状态信息更新为所述当前展示状态信息和所述目标子级组件的组件标识。
可选地,所述方法还包括:
将所述当前父级组件的状态信息存储到全局状态管理容器中,所述全局状态管理容器内的信息能够被所述图表中的所有组件监听到。
可选地,所述当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息,包括:
所述目标子级组件监听包含所述目标子级组件的组件标识的目标状态信息;
当监听到所述目标状态信息更新后,获取所述目标状态信息中包含的所述当前父级组件的当前展示状态信息。
第二方面,本申请还提供一种图表内组件间的联动显示装置,应用于包含多个具有级联交互关系组件的图表中,包括:
更新模块,用于当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,更新后的状态信息包括所述当前父级组件的当前展示状态信息及所述当前父级组件处于当前展示状态时所关联的目标子级组件的组件标识,所述当前父级组件为过滤器组件或图表组件;
获取模块,用于当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息;
查询模块,用于所述目标子级组件根据所述当前父级组件的当前展示状态信息查询所述目标子级组件对应的待显示数据。
可选地,所述装置还包括:
保存模块,用于将所述当前父级组件的状态信息存储到全局状态管理容器中,所述全局状态管理容器内的信息能够被所述图表中的所有组件监听到。
可选地,所述获取模块包括:
监听子模块,用于监听包含所述目标子级组件的组件标识的目标状态信息;
获取子模块,用于当监听到所述目标状态信息更新后,获取所述目标状态信息中包含的所述当前父级组件的当前展示状态信息。
第三方面,本申请还提供了一种存储介质,其上存储有程序,所述程序被处理器执行时实现第一方面所述的图表内组件间的联动显示方法。
第四方面,本申请还提供一种处理器,所述处理器用于运行程序,其特征在于,所述程序运行时执行第一方面所述的图表内组件间的联动显示方法。
借由上述技术方案,本发明提供的图表内组件间的联动显示方法,应用于具有多个具有级联交互关系的组件的图表中,具有级联关系的组件分为父级组件和子级组件,子级组件的显示内容跟随父级组件的内容变化而变化。当检测到父级组件的级联交互指令后,更新该父级组件的状态信息;更新后的状态信息包括该父级组件的当前展示状态信息和父级组件处于当前展示状态时所关联的目标子级组件的组件标识;当目标子级组件监听到当前父级组件的状态信息更新,根据当前父级组件的当前展示状态信息查询目标子级组件对应的待显示数据,从而实现一个组件的状态变换其它关联的组件跟随一起变化,而且,这种级联交互关系不受组件类型的影响。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本申请实施例一种包含多个组件的图表的示意图;
图2示出了本申请实施例一种图表内组件间的联动显示方法流程图;
图3示出了本申请实施例一种根据级联交互指令更新所述当前父级组件的状态信息过程的流程图;
图4示出了本申请实施例一种图表联动显示的效果示意图;
图5示出了本申请实施例另一种图表联动显示的效果示意图;
图6示出了本申请实施例另一种图表内组件联动显示方法的流程图;
图7示出了本申请实施例一种图表内组件间的联动显示装置的框图;
图8示出了本申请实施例一种获取模块的框图;
图9示出了本申请实施例另一种图表内组件间的联动显示装置的框图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
请参见图1,示出了本申请实施例一种包含多个组件的图表示意图,该图表是包含四个组件,分别是日期过滤器组件1和图表组件2、3、4,图表中的每个组件都具有一个唯一标识,称为组件标识,通过组件标识配置各个组件之间的联动关系。
其中,图表组件2描述了日期过滤器组件1所设时间范围(2016年8月20日~2017年8月20日)内各行业的广告投放热力图;图表组件3是饼状图,描述了各个不同广告平台的投放比例;图表组件4描述了不同地域的广告投放情况。
该图表实例中,图表组件2是可交互的,点击任意一个行业可以下钻到该行业内的具体细分数据,图表组件3和图表组件4随图表组件2的下钻交互行为产生联动刷新。
本申请提供的图表内的组件联动显示方法不仅能实现图表组件与图表组件之间的联动显示,还能实现其它的非图表组件之间的联动显示,例如,切换日期过滤器组件1所显示的时间范围,下面的三个图表组件所显示的数据都会更新为新的日期范围对应的图表数据。
请参见图2,示出了本申请实施例一种图表内组件间的联动显示方法流程图,该方法应用于包含多个具有级联交互关系组件的图标中,如图2所示,该方法可以包括以下步骤:
S110,当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新当前父级组件的状态信息。
级联交互指令是根据用户点击具有级联交互关系的组件的操作生成的,例如,当图表系统检测收到用户点击图1所示的图表组件1中的“数码”行业后,会产生相应的级联交互指令,并根据该级联交互指令更新图表组件1的显示数据。
更新后的状态信息包括所述当前父级组件的当前展示状态信息及所述当前父级组件处于当前展示状态时所关联的目标子级组件的组件标识,所述父级组件为过滤器组件或图表组件。此处的当前展示状态信息是指当前父级组件根据级联交互指令更新后的展示状态信息,其中,该展示状态信息可以包括展示状态值。
如图3所示,根据所述级联交互指令更新所述当前父级组件的状态信息的过程,可以包括:
S111,解析当前父级组件的级联交互指令,得到当前父级组件的当前显示选项,并在所述当前父级组件内显示所述当前显示选项对应的数据。
S112,确定当前显示选项为当前父级组件的当前展示状态信息。
S113,确定与当前显示选项相关联的目标子级组件。
S114,将当前父级组件对应的状态信息更新为当前展示状态信息和目标子级组件的组件标识。
例如,上述实例中,点击图表组件1中的“数码”后,在图表组件1中显示“数码”行业的具体数据。
图表组件1的状态信息包括图表组件1的当前展示状态信息“数码”,以及,图表组件1显示“数码”相关数据时所关联的图表组件2和图表组件3的组件标识。
在本申请的一个实施例中,组件的状态信息存储到一个全局状态管理容器中,各个组件都可以监听该全局状态管理容器中的状态。
S120,当目标子级组件监测到当前父级组件的状态信息更新后,获取当前父级组件的当前展示状态信息。
在本申请的一个实施例中,各个组件会实时监听全局状态管理容器中包含自身组件标识的状态信息,当监听到该状态信息发生变化后,获取该状态信息所包含的父级组件的当前展示状态信息。
例如,如果图表组件3监听到全局状态管理容器中图表组件2的状态信息中包含图表组件3的组件标识,此时,图表组件3获取图表组件2的当前状态值为“数码”。
S130,目标子级组件根据当前父级组件的当前展示状态信息查询目标子级组件对应的待显示数据。
目标子级组件获得当前父级组件的当前展示状态信息后,查询自身数据中与当前展示状态信息相关的数据。例如,当图表组件3获得图表组件2的当前展示状态是“数码”后,查询自身的数据中与“数码”相关的数据作为待显示数据。
对于本实施例中的具体实例,当用户点击图表组件1中的“数码”后,图表组件1显示“数码”行业的细分数据,即相机、手机、PC的广告投放热力图;同时,图表组件2显示“数码”行业在各个不同广告平台下的投放比例;图表组件3显示“数码”行业在不同地域的广告投放情况,最终得到如图4所示的联动显示效果图。
本实施例提供的图表内组件间的联动显示方法,不仅适用于相同类型的组件之间,还可以应用于不同类型的组件之间,例如,在图4所示的图表基础上,重新选择日期过滤器组件1的显示时间范围为2017年8月01日~2017年8月10日,得到图5所示的联动显示效果图。具体的,如图5所示,图表组件1会联动显示新的时间范围显示“数码”行业内各个子行业的广告投放热力图;图表组件2会联动显示新的时间范围内“数码”行业在各个广告平台的投放比例;图表组件3会联动显示新的时间范围内“数码”行业在不同地域的广告投放情况。
本实施例提供的图表内组件间的联动显示方法,应用于具有多个具有级联交互关系的组件的图表中,具有级联关系的组件分为父级组件和子级组件,子级组件的显示内容跟随父级组件的内容变化而变化。当检测到父级组件的级联交互指令后,更新该父级组件的状态信息;该状态信息包括该父级组件的当前展示状态信息和父级组件处于当前展示状态时所关联的目标子级组件的组件标识;当目标子级组件监听到当前父级组件的状态信息更新后,将当前父级组件的当前展示状态信息作为一个查询要素来查询目标子级组件对应的待显示数据。从而实现一个组件的状态变换其它关联的组件跟随一起变化,而且,这种级联交互关系不受组件类型的影响。
请参见图6,示出了本申请实施例另一种图表内组件间的联动显示方法的流程图,本实施例中包含与图2所示实施例相同的步骤,本实施例将不再详述这些步骤。如图6所示,该方法可以包括以下步骤:
S210,在创建包含组件级联关系的组件的图表时,在父级组件的配置对象中存储该父级组件所关联的所有子级组件的组件标识。
图表中的每一个组件都设置一个唯一标识,称为组件标识,该组件标识可以用字符或数字等表示。
当不同组件之间具有联动关系时,父级组件的配置对象中会配置表征组件级联关系的描述信息,例如,在父级组件的配置对象中保存该父级组件所关联的所有子级组件的组件标识。具体的,配置对象中的“children WidgetIds”属性中保存该父级组件所关联的所有子级组件的组件标识。
S220,父级组件根据级联交互指令更新展示状态。
S230,父级组件根据更新的展示状态更新该父级组件在全局状态管理容器中的状态信息。
更新后的状态信息包含该父级组件的当前展示状态信息,及该父级组件处于当前展示状态时所关联的子级组件的组件标识。
前面在父级组件的配置对象中添加级联关系的描述信息后,后续当父级组件的展示状态更新时,可以根据级联关系的描述信息更新全局状态管理容器中自身的状态信息。
S240,目标子组件监测到全局状态管理容器中包含自身的组件标识的状态信息更新后,获取状态信息中的当前展示状态信息。
S250,目标子组件查询自身数据中与当前展示状态信息相关联的待显示数据。
S260,目标子组件显示待显示数据。
本实施例提供的图表内组件联动显示方法,在创建图表时为各个组件设置唯一的组件标识,并在父级组件的配置对象中添加有关级联关系的描述信息。这样,当父级组件的展示状态更新时,根据级联关系的描述信息更新全局状态管理容器中自身的状态信息。以使与该父级组件关联的子组件监听到父级组件的状态信息变化后,及时进行联动刷新。从而实现一个组件的状态变换其它关联的组件跟随一起变化,而且,这种级联交互关系不受组件类型的影响。
相应于上述的图表内组件间的联动显示方法实施例,本申请还提供了图表内组件间的联动显示装置实施例。
请参见图7,示出了本申请实施例一种图表内组件间的联动显示装置的框图,该装置应用于包含多个具有级联交互关系组件的图表中,如图7所示,该装置可以包括:更新模块110、获取模块120和查询模块130。
更新模块110,用于当检测到针对当前父级组件的级联交互指令后,根据级联交互指令更新当前父级组件的状态信息。
级联交互指令是根据用户点击具有级联交互关系的组件的操作生成的,例如,当图表系统检测收到用户点击图1所示的图表组件1中的“数码”行业后,会产生相应的级联交互指令,并根据该级联交互指令更新图表组件1的显示数据。
更新后的状态信息包括所述当前父级组件的当前展示状态信息及所述当前父级组件处于当前展示状态时所关联的目标子级组件的组件标识,所述当前父级组件为过滤器组件或图表组件。
在本申请的一个实施例中,该更新模块110具体用于:
解析当前父级组件的级联交互指令,得到当前父级组件的当前显示选项,并在当前父级组件的显示区域内显示当前显示选项对应的数据;确定当前显示选项为当前父级组件的当前展示状态信息;确定与当前显示选项相关联的目标子级组件;将当前父级组件对应的状态信息更新为当前展示状态信息和目标子级组件的组件标识。
例如,上述实例中,点击图表组件1中的“数码”后,在图表组件1中显示“数码”行业的具体数据。
图表组件1的状态信息包括图表组件1的当前展示状态信息“数码”,以及,图表组件1显示“数码”相关数据时所关联的图表组件2和图表组件3的组件标识。
在本申请的一个实施例中,组件的状态信息存储到一个全局状态管理容器中,各个组件都可以监听该全局状态管理容器中的状态。
获取模块120,用于当目标子级组件监测到当前父级组件的状态信息更新后,获取该当前父级组件的当前展示状态信息。
在本申请的一个实施例中,如图8所示,获取模块120可以包括:监听子模块121和获取子模块122;
监听子模块121,用于监听包含所述目标子级组件的组件标识的目标状态信息。
获取子模块122,用于当监听到所述目标状态信息更新后,获取所述目标状态信息中包含的所述当前父级组件的当前展示状态信息。
在本申请的一个实施例中,各个组件会实时监听全局状态管理容器中包含自身组件标识的状态信息。当监听到该状态信息发生变化后,获取该状态信息所包含的父级组件的当前展示状态信息。
例如,如果图表组件3监听到全局状态管理容器中图表组件2的状态信息中包含图表组件3的组件标识,此时,图表组件3获取图表组件2的当前状态值为“数码”。
查询模块130,用于目标子级组件根据所述当前父级组件的当前展示状态信息查询目标子级组件对应的待显示数据。
目标子级组件获得当前父级组件的当前展示状态信息后,查询自身数据中与当前展示状态信息相关的数据。例如,当图表组件3获得图表组件2的当前展示状态是“数码”后,查询自身的数据中与“数码”相关的数据作为待显示数据。
本实施例提供的图表内组件间的联动显示装置,应用于具有多个具有级联交互关系的组件的图表中,具有级联关系的组件分为父级组件和子级组件,子级组件的显示内容跟随父级组件的内容变化而变化。当检测到父级组件的级联交互指令后,更新该父级组件的状态信息;该状态信息包括该父级组件的当前展示状态信息和父级组件处于当前展示状态时所关联的目标子级组件的组件标识;当目标子级组件监听到当前父级组件的状态信息更新后,将当前父级组件的当前展示状态信息作为一个查询要素来查询目标子级组件对应的待显示数据。从而实现一个组件的状态变换其它关联的组件跟随一起变化,而且,这种级联交互关系不受组件类型的影响。
请参见图9,示出了本申请实施例另一种图表内组件间的联动显示装置的框图,该装置在图7所示实施例的基础上还包括:关联配置模块210和保存模块220。
关联配置模块210,用于在创建包含组件级联关系的图表时,在所述父级组件的配置对象中保存所述父级组件所关联的所有子级组件的组件标识。
图表中的每一个组件都设置一个唯一标识,称为组件标识,该组件标识可以用字符或数字等表示。
当不同组件之间具有联动关系时,父级组件的配置对象中会配置表征组件级联关系的描述信息,例如,在父级组件的配置对象中保存该父级组件所关联的所有子级组件的组件标识。
保存模块220,用于将所述当前父级组件的状态信息存储到全局状态管理容器中,所述全局状态管理容器内的信息能够被所述图表中的所有组件监听到。
当父级组件的展示状态更新时,可以根据级联关系的描述信息更新全局状态管理容器中该父级组件对应的状态信息。
本实施例提供的图表内组件间联动显示装置,在创建图表时为各个组件设置唯一的组件标识,并在父级组件的配置对象中添加有关级联关系的描述信息。这样,当父级组件的展示状态更新时,根据级联关系的描述信息更新全局状态管理容器中自身的状态信息。以使与该父级组件关联的子组件监听到父级组件的状态信息变化后,及时进行联动刷新。从而实现一个组件的状态变换其它关联的组件跟随一起变化,而且,这种级联交互关系不受组件类型的影响。
所述图表内组件间联动显示装置包括处理器和存储器,上述更新模块、获取模块、查询模块、关联配置模块和保存模块等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来实现图表内组件间的联动显示,而且这种组件间的联动显示不受组件类型的影响。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flashRAM),存储器包括至少一个存储芯片。
本发明实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现所述图表内组件间的联动显示方法。
本发明实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行所述图表内组件间的联动显示方法。
本发明实施例提供了一种设备,本文中的设备可以是服务器、PC、PAD、手机等。该设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:
当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,更新后的状态信息包括所述当前父级组件的当前展示状态信息及所述当前父级组件处于所述当前展示状态时所关联的目标子级组件的组件标识,所述当前父级组件为过滤器组件或图表组件;
当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息;
所述目标子级组件根据所述当前父级组件的当前展示状态信息查询所述目标子级组件对应的待显示数据。
在本申请的一个实施例中,所述方法还包括:
在创建包含组件级联关系的图表时,在所述父级组件的配置对象中保存所述父级组件所关联的所有子级组件的组件标识。
在本申请的一个实施例中,所述当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,包括:
解析所述当前父级组件的级联交互指令,得到所述当前父级组件的当前显示选项,并在所述当前父级组件的显示区域内显示所述当前显示选项对应的数据;
确定所述当前显示选项为所述当前父级组件的当前展示状态信息;
确定与所述当前显示选项相关联的目标子级组件;
将所述当前父级组件对应的状态信息更新为所述当前展示状态信息和所述目标子级组件的组件标识。
在本申请的一个实施例中,所述方法还包括:
将所述当前父级组件的状态信息存储到全局状态管理容器中,所述全局状态管理容器内的信息能够被所述图表中的所有组件监听到。
在本申请的一个实施例中,所述当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息,包括:
所述目标子级组件监听包含所述目标子级组件的组件标识的目标状态信息;
当监听到所述目标状态信息更新后,获取所述目标状态信息中包含的所述当前父级组件的当前展示状态信息。
本实施例提供的图表内组件间的联动显示方法,应用于具有多个具有级联交互关系的组件的图表中,具有级联关系的组件分为父级组件和子级组件,子级组件的显示内容跟随父级组件的内容变化而变化。当检测到父级组件的级联交互指令后,更新该父级组件的状态信息;更新后的状态信息包括该父级组件的当前展示状态信息和父级组件处于当前展示状态时所关联的目标子级组件的组件标识;当目标子级组件监听到当前父级组件的状态信息更新,根据当前父级组件的当前展示状态信息查询目标子级组件对应的待显示数据,从而实现一个组件的状态变换其它关联的组件跟随一起变化,而且,这种级联交互关系不受组件类型的影响。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:
当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,更新后的状态信息包括所述当前父级组件的当前展示状态信息及所述当前父级组件处于所述当前展示状态时所关联的目标子级组件的组件标识,所述当前父级组件为过滤器组件或图表组件;
当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息;
所述目标子级组件根据所述当前父级组件的当前展示状态信息查询所述目标子级组件对应的待显示数据。
在本申请的一个实施例中,所述方法还包括:
在创建包含组件级联关系的图表时,在所述父级组件的配置对象中保存所述父级组件所关联的所有子级组件的组件标识。
在本申请的一个实施例中,所述当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,包括:
解析所述当前父级组件的级联交互指令,得到所述当前父级组件的当前显示选项,并在所述当前父级组件的显示区域内显示所述当前显示选项对应的数据;
确定所述当前显示选项为所述当前父级组件的当前展示状态信息;
确定与所述当前显示选项相关联的目标子级组件;
将所述当前父级组件对应的状态信息更新为所述当前展示状态信息和所述目标子级组件的组件标识。
在本申请的一个实施例中,所述方法还包括:
将所述当前父级组件的状态信息存储到全局状态管理容器中,所述全局状态管理容器内的信息能够被所述图表中的所有组件监听到。
在本申请的一个实施例中,所述当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息,包括:
所述目标子级组件监听包含所述目标子级组件的组件标识的目标状态信息;
当监听到所述目标状态信息更新后,获取所述目标状态信息中包含的所述当前父级组件的当前展示状态信息。
本实施例提供的图表内组件间的联动显示方法,应用于具有多个具有级联交互关系的组件的图表中,具有级联关系的组件分为父级组件和子级组件,子级组件的显示内容跟随父级组件的内容变化而变化。当检测到父级组件的级联交互指令后,更新该父级组件的状态信息;更新后的状态信息包括该父级组件的当前展示状态信息和父级组件处于当前展示状态时所关联的目标子级组件的组件标识;当目标子级组件监听到当前父级组件的状态信息更新,根据当前父级组件的当前展示状态信息查询目标子级组件对应的待显示数据,从而实现一个组件的状态变换其它关联的组件跟随一起变化,而且,这种级联交互关系不受组件类型的影响。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (9)

1.一种图表内组件间的联动显示方法,其特征在于,应用于包含多个具有级联交互关系组件的图表中,包括:
当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,更新后的状态信息包括所述当前父级组件的当前展示状态信息及所述当前父级组件处于所述当前展示状态时所关联的目标子级组件的组件标识,所述当前父级组件为过滤器组件或图表组件;
当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息;
所述目标子级组件根据所述当前父级组件的当前展示状态信息查询所述目标子级组件对应的待显示数据,并显示所述待显示数据;
其中,当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,包括:
解析所述当前父级组件的级联交互指令,得到所述当前父级组件的当前显示选项,并在所述当前父级组件的显示区域内显示所述当前显示选项对应的数据;
确定所述当前显示选项为所述当前父级组件的当前展示状态信息;
确定与所述当前显示选项相关联的目标子级组件;
将所述当前父级组件对应的状态信息更新为所述当前展示状态信息和所述目标子级组件的组件标识。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在创建包含组件级联关系的图表时,在所述父级组件的配置对象中保存所述父级组件所关联的所有子级组件的组件标识。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
将所述当前父级组件的状态信息存储到全局状态管理容器中,所述全局状态管理容器内的信息能够被所述图表中的所有组件监听到。
4.根据权利要求1所述的方法,其特征在于,所述当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息,包括:
所述目标子级组件监听包含所述目标子级组件的组件标识的目标状态信息;
当监听到所述目标状态信息更新后,获取所述目标状态信息中包含的所述当前父级组件的当前展示状态信息。
5.一种图表内组件间的联动显示装置,其特征在于,应用于包含多个具有级联交互关系组件的图表中,包括:
更新模块,用于当检测到针对当前父级组件的级联交互指令后,根据所述级联交互指令更新所述当前父级组件的状态信息,更新后的状态信息包括所述当前父级组件的当前展示状态信息及所述当前父级组件处于当前展示状态时所关联的目标子级组件的组件标识,所述当前父级组件为过滤器组件或图表组件;
获取模块,用于当所述目标子级组件监测到所述当前父级组件的状态信息更新后,获取所述当前父级组件的当前展示状态信息;
查询模块,用于所述目标子级组件根据所述当前父级组件的当前展示状态信息查询所述目标子级组件对应的待显示数据,并显示所述待显示数据;
其中,所述更新模块,具体用于:
解析所述当前父级组件的级联交互指令,得到所述当前父级组件的当前显示选项,并在所述当前父级组件的显示区域内显示所述当前显示选项对应的数据;确定所述当前显示选项为所述当前父级组件的当前展示状态信息;确定与所述当前显示选项相关联的目标子级组件;将所述当前父级组件对应的状态信息更新为所述当前展示状态信息和所述目标子级组件的组件标识。
6.根据权利要求5所述的装置,其特征在于,所述装置还包括:
保存模块,用于将所述当前父级组件的状态信息存储到全局状态管理容器中,所述全局状态管理容器内的信息能够被所述图表中的所有组件监听到。
7.根据权利要求5或6所述的装置,其特征在于,所述获取模块包括:
监听子模块,用于监听包含所述目标子级组件的组件标识的目标状态信息;
获取子模块,用于当监听到所述目标状态信息更新后,获取所述目标状态信息中包含的所述当前父级组件的当前展示状态信息。
8.一种存储介质,其上存储有程序,其特征在于,所述程序被处理器执行时实现权利要求1至4任一项所述的图表内组件间的联动显示方法。
9.一种处理器,所述处理器用于运行程序,其特征在于,所述程序运行时执行权利要求1至4任一项所述的图表内组件间的联动显示方法。
CN201710906520.2A 2017-09-29 2017-09-29 图表内组件间的联动显示方法及装置 Active CN109582403B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710906520.2A CN109582403B (zh) 2017-09-29 2017-09-29 图表内组件间的联动显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710906520.2A CN109582403B (zh) 2017-09-29 2017-09-29 图表内组件间的联动显示方法及装置

Publications (2)

Publication Number Publication Date
CN109582403A CN109582403A (zh) 2019-04-05
CN109582403B true CN109582403B (zh) 2021-08-13

Family

ID=65914187

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710906520.2A Active CN109582403B (zh) 2017-09-29 2017-09-29 图表内组件间的联动显示方法及装置

Country Status (1)

Country Link
CN (1) CN109582403B (zh)

Families Citing this family (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110083356B (zh) * 2019-04-28 2021-01-05 成都四方伟业软件股份有限公司 组件样式同步方法、装置及服务器
CN110377203B (zh) * 2019-06-26 2022-04-22 贵阳朗玛信息技术股份有限公司 一种控制复选框的方法及装置
CN112579082A (zh) * 2019-09-30 2021-03-30 北京国双科技有限公司 交互状态数据的建立方法、装置、存储介质及电子设备
CN112579686A (zh) * 2019-09-30 2021-03-30 北京国双科技有限公司 交互方法、装置、存储介质及电子设备
CN110795493A (zh) * 2019-11-12 2020-02-14 北京软通智慧城市科技有限公司 多级指标数据显示方法、装置、设备和存储介质
CN111104160B (zh) * 2019-12-17 2023-11-03 北京明略软件系统有限公司 隶属关系展示方法、装置、电子设备和存储介质
CN111124756A (zh) * 2019-12-18 2020-05-08 浪潮(北京)电子信息产业有限公司 一种快照关系的展示方法、装置、设备及介质
CN111221523A (zh) * 2019-12-24 2020-06-02 方正株式(武汉)科技开发有限公司 Web页面联动控件的优化制作方法及系统、服务器及介质
CN111274304A (zh) * 2019-12-31 2020-06-12 武汉优聘科技有限公司 一种数据可视化的图表控制方法及系统
CN111813784B (zh) * 2020-07-30 2023-07-18 浪潮通用软件有限公司 一种动态更新图表的方法、系统、设备及介质
CN111914017A (zh) * 2020-08-13 2020-11-10 闻泰通讯股份有限公司 可视化图表操作方法、装置、电子设备和存储介质
CN113419726B (zh) * 2021-06-22 2023-10-24 康键信息技术(深圳)有限公司 商品详情页面生成方法、装置、设备及存储介质
CN113499506B (zh) * 2021-06-30 2023-10-27 深圳市科曼医疗设备有限公司 输注中控平台的交互方法、装置、计算机设备及存储介质
CN115146156B (zh) * 2022-06-28 2023-08-15 北京百度网讯科技有限公司 兴趣点现势性的联动调整方法、装置、设备及介质
CN115617423B (zh) * 2022-09-29 2023-09-01 北京亚控科技发展有限公司 位置信息的确定方法及相关设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102141876A (zh) * 2009-06-03 2011-08-03 智能技术Ulc公司 链接和管理数学对象
CN105528218A (zh) * 2015-12-30 2016-04-27 城云科技(杭州)有限公司 数据图表级联方法及数据图表级联系统
CN106649351A (zh) * 2015-10-30 2017-05-10 北京国双科技有限公司 图表的展现方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7737979B2 (en) * 2007-02-12 2010-06-15 Microsoft Corporation Animated transitions for data visualization

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102141876A (zh) * 2009-06-03 2011-08-03 智能技术Ulc公司 链接和管理数学对象
CN106649351A (zh) * 2015-10-30 2017-05-10 北京国双科技有限公司 图表的展现方法及装置
CN105528218A (zh) * 2015-12-30 2016-04-27 城云科技(杭州)有限公司 数据图表级联方法及数据图表级联系统

Also Published As

Publication number Publication date
CN109582403A (zh) 2019-04-05

Similar Documents

Publication Publication Date Title
CN109582403B (zh) 图表内组件间的联动显示方法及装置
US8024651B1 (en) Data visualization using tables integrated with hierarchical pie charts
US20120151396A1 (en) Rendering an optimized metrics topology on a monitoring tool
CN103530220A (zh) 一种应用程序图标的显示方法、系统及终端
CN109582192B (zh) 一种层级菜单显示方法及装置
CN107748688B (zh) 一种信息展示方法及装置
US10152469B2 (en) Analytics report segments and controls
CN110019261B (zh) 数据查询方法和装置
CN105630792A (zh) 一种信息显示、推送方法及装置
CN112579686A (zh) 交互方法、装置、存储介质及电子设备
CN109857964B (zh) 一种页面操作的热力图绘制方法、装置、存储介质及处理器
CN112506464A (zh) 设备展示方法、装置、电子设备、系统和存储介质
CN110147183B (zh) 一种数据的筛选方法及装置
CN115659045A (zh) 用户操作的识别方法、装置、存储介质以及电子设备
CN112559576A (zh) 数据显示方法、系统、装置、存储介质及电子设备
CN113590660A (zh) 一种数据自助查询方法、装置以及电子设备
CN113988009A (zh) 信息投放区生成、信息投放方法、电子设备及存储介质
US20220215019A1 (en) Automatically generated graphical user interface application with dynamic user interface segment elements
CN113326079A (zh) 服务版本切换方法、切换装置、电子设备和存储介质
CN110955882B (zh) 用户权限的设置方法及装置
CN108596554B (zh) 一种动态指定后续审批环节参与者的方法及工作流引擎
CN112579082A (zh) 交互状态数据的建立方法、装置、存储介质及电子设备
CN111930375A (zh) 数据可视化应用开发方法和装置
US10685392B1 (en) System and method for visualization of subscription items in an item universe
CN112578956A (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

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.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant