logo好方法网

一种图表展示的方法及装置、电子设备和存储介质


技术摘要:
本申请提供一种图表展示的方法及装置、电子设备和计算机可读存储介质,方法包括:在图表界面展示显示框;响应于针对所述显示框的触发操作,以下拉列表的形式展示多个图例;响应于针对所述下拉列表中图例的选择操作,在所述显示框中展示被选中的图例。本申请实施例,提  全部
背景技术:
ECharts是一个使用JavaScript实现的开源可视化库,提供了直观、交互丰富的数 据可视化图表。ECharts图表提供图例组件(legend),图例组件展现了不同系列的标记 (symbol)、颜色和名字。 图例组件一般位于图表上方预定的图例区域内。图表的高度包含图例区域的高 度,而图例组件的个数由数据决定。当图例组件过多时,图例组件会盖过图表,导致图表不 能完好地展现。如果预设置较大图例区域的高度,在图例组件少的情况下,会导致图例区域 留白过多,展示效果不佳。
技术实现要素:
本申请实施例的目的在于提供一种图表展示的方法,用以灵活地展示图例组件, 优化图表的展示效果。 一方面,本申请提供了一种图表展示的方法,包括: 在图表界面展示显示框; 响应于针对所述显示框的触发操作,以下拉列表的形式展示多个图例; 响应于针对所述下拉列表中图例的选择操作,在所述显示框中展示被选中的图 例。 在一实施例中,所述多个图例位于至少两个预设分组内; 所述响应于针对所述显示框的触发操作,以下拉列表的形式展示多个图例,包括: 响应于针对所述显示框的触发操作,以下拉列表的形式展示所述分组的组名和分 组内的图例。 在一实施例中,所述方法还包括: 响应于针对所述下拉列表中任一分组的组名的选择操作,在所述显示框中展示所 述分组中的图例。 在一实施例中,在响应选择操作前,所述方法还包括: 接收输入至所述显示框的字符串; 基于所述字符串查找所述多个图例,判断是否存在匹配的图例; 若存在,以下拉列表形式展示匹配的图例。 在一实施例中,所述方法还包括: 依据第一图形配置信息,渲染与所述图例对应的图形; 在所述显示框中展示所述图例时,在图表界面上展示与所述图例对应的图形。 在一实施例中,所述方法还包括: 3 CN 111597251 A 说 明 书 2/8 页 在所述图表界面上展示第二显示框; 响应于针对所述第二显示框的触发操作,以下拉列表形式展示第二图例;所述第 二图例包括除已展示的图例以外的图例; 响应于针对所述第二图例的选择操作,在所述第二显示框中展示被选中的第二图 例。 在一实施例中,所述方法还包括: 依据第二图形配置信息,渲染与所述第二图例对应的图形; 在所述显示框中展示所述第二图例时,在图表界面上展示与所述第二图例对应的 图形。 另一方面,本申请还提供了一种图表展示的装置,包括: 第一展示模块,用于在图表界面展示显示框; 第二展示模块,用于响应于针对所述显示框的触发操作,以下拉列表的形式展示 多个图例; 第三展示模块,用于响应于针对所述下拉列表中图例的选择操作,在所述显示框 中展示被选中的图例。 进一步的,本申请还提供了一种电子设备,所述电子设备包括: 处理器; 用于存储处理器可执行指令的存储器; 其中,所述处理器被配置为执行上述图表展示的方法。 另外,本申请还提供了一种计算机可读存储介质,所述存储介质存储有计算机程 序,所述计算机程序可由处理器执行以完成上述图表展示的方法。 在本申请实施例的技术方案中,提供针对图例的选择操作,通过下拉列表的形式 展示待选择的多个图例,并在图例被选中后在显示框中展示图例;图表展示时仅在显示框 内展示被选中的图例,而隐藏未被选中的图例,从而可以基于图例被选择的情况灵活地展 示图例,优化图表的展示效果。 附图说明 为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例中所需要使 用的附图作简单地介绍。 图1为本申请一示例性实施例的电子设备的结构示意图; 图2为本申请实施例示出的一种图表展示的方法的流程示意图; 图3为本申请实施例示出的一种图表展示效果的示意图; 图4为本申请实施例示出的另一种图表展示效果的示意图; 图5为本申请实施例示出的又一种图表展示效果的示意图; 图6为本申请实施例示出的再一种图表展示效果的示意图; 图7为本申请实施例示出的另一种图表展示的方法的流程示意图; 图8为本申请实施例示出的一种图例分组时图表展示效果的示意图; 图9为本申请实施例示出的另一种图例分组时图表展示效果的示意图; 图10为本申请实施例示出的又一种图表展示的方法的流程示意图; 4 CN 111597251 A 说 明 书 3/8 页 图11为本申请实施例示出的一种对比时图表展示效果的示意图; 图12为本申请实施例示出的一种图表展示的装置的框图。
下载此资料需消耗2积分,
分享到:
收藏