图表显示方法、装置、终端设备及存储介质与流程

文档序号:26050841发布日期:2021-07-27 15:25阅读:50来源:国知局
本申请实施例涉及程序开发
技术领域
:,特别涉及一种图表显示方法、装置、终端设备及存储介质。
背景技术
::随着计算机和互联网技术的发展,网络服务平台对应有多个类型的客户端,用于展示网络服务平台提供的信息。在相关技术中,为了在网络服务平台的不同类型的客户端中显示相同的图表,相关技术人员需要基于图表中需要显示的内容信息、并按照各个客户端的类型,分别开发对应的程序代码,并将不同的程序代码分别发送至对应类型的客户端中运行。在上述技术中,每次需要在不同类型的客户端中显示相同的图表,都需要按照客户端的类型开发多套程序代码,开发成本较高。技术实现要素:本申请实施例提供了一种图表显示方法、装置、终端设备及存储介质,能够降低在不同类型的客户端中显示相同的图表所需的开发成本。所述技术方案如下:根据本申请实施例的一个方面,提供了一种图表显示方法,所述方法包括:接收图表配置信息,所述图表配置信息用于生成目标图表;采用网络服务平台的目标客户端中的渲染引擎,基于所述图表配置信息,生成所述目标图表;其中,所述网络服务平台根据不同的展示方式对应有不同类型的客户端,所述目标客户端中的渲染引擎与所述目标客户端的类型相匹配,在所述网络服务平台不同类型的客户端中,基于所述图表配置信息生成的图表相同;显示所述目标图表。根据本申请实施例的一个方面,提供了一种图表显示方法,所述方法包括:获取内容信息,所述内容信息用于指示目标图表中所要展示的内容;基于所述内容信息生成图表配置信息,所述图表配置信息用于生成所述目标图表;向网络服务平台的目标客户端发送所述图表配置信息;其中,所述网络服务平台根据不同的展示方式对应有不同类型的客户端,所述目标客户端中的渲染引擎与所述目标客户端的类型相匹配,在所述网络服务平台不同类型的客户端中,基于所述图表配置信息生成的图表相同。根据本申请实施例的一个方面,提供了一种图表显示装置,所述装置包括:信息接收模块,用于接收图表配置信息,所述图表配置信息用于生成目标图表;图表生成模块,用于采用网络服务平台的目标客户端中的渲染引擎,基于所述图表配置信息,生成所述目标图表;其中,所述网络服务平台根据不同的展示方式对应有不同类型的客户端,所述目标客户端中的渲染引擎与所述目标客户端的类型相匹配,在所述网络服务平台不同类型的客户端中,基于所述图表配置信息生成的图表相同;图表显示模块,用于显示所述目标图表。根据本申请实施例的一个方面,提供了一种图表显示装置,所述装置包括:信息获取模块,用于获取内容信息,所述内容信息用于指示目标图表中所要展示的内容;信息生成模块,用于基于所述内容信息生成图表配置信息,所述图表配置信息用于生成所述目标图表;信息发送模块,用于向网络服务平台的目标客户端发送所述图表配置信息;其中,所述网络服务平台根据不同的展示方式对应有不同类型的客户端,所述目标客户端中的渲染引擎与所述目标客户端的类型相匹配,在所述网络服务平台不同类型的客户端中,基于所述图表配置信息生成的图表相同。根据本申请实施例的一个方面,提供了一种终端设备,所述终端设备包括处理器和存储器,所述存储器中存储有计算机程序,所述计算机程序由所述处理器加载并执行以实现上述图表显示方法。根据本申请实施例的一个方面,提供了一种计算机程序产品,所述计算机程序产品由处理器加载并执行以实现上述图表显示方法。本申请实施例提供的技术方案可以包括如下有益效果:通过预先在网络服务平台的不同类型的客户端中设置与客户端的类型相匹配的渲染引擎,当需要在不同类型的客户端中显示相同的图表时,只需要开发出一套图表配置信息,并将该图表配置信息发送至不同类型的客户端中,客户端直接基于该图表配置信息并采用匹配的渲染引擎显示相应的目标图表,使得能够通过相同的图表配置信息在不同类型的客户端中显示相同的图表,相比于开发多套程序代码的方案,本申请实施例降低了在不同类型的客户端中显示相同的图表所需的开发成本。应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本申请。附图说明为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是本申请一个实施例提供的实施环境的示意图;图2是本申请一个实施例提供的图表显示方法的流程图;图3是本申请另一个实施例提供的图表显示方法的流程图;图4是本申请一个实施例提供的图表显示的示意图;图5是本申请另一个实施例提供的图表显示方法的流程图;图6是本申请一个实施例提供的图表显示装置的示意图;图7是本申请另一个实施例提供的图表显示方法的流程图;图8是本申请一个实施例提供的可视化引擎的界面的示意图;图9是本申请另一个实施例提供的可视化引擎的界面的示意图;图10是本申请另一个实施例提供的可视化引擎的界面的示意图;图11是本申请另一个实施例提供的图表显示装置的示意图;图12是本申请另一个实施例提供的图表显示装置的示意图;图13是本申请另一个实施例提供的图表显示装置的示意图;图14是本申请另一个实施例提供的图表显示装置的示意图。具体实施方式这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的方法的例子。请参考图1,其示出了本申请一个实施例提供的实施环境的示意图,该实施环境可以实现为图表显示系统。如图1所示,该系统10可以包括:第一终端11和第二终端12。第一终端11中安装并运行有网络服务平台对应的目标程序的客户端。该目标应用程序可以是社交应用程序、支付应用程序、视频应用程序、音乐应用程序、购物应用程序、新闻应用程序、游戏应用程序等任何具有图表显示功能的应用程序。本申请实施例提供的图表显示方法,各步骤的执行主体可以是第一终端11,如运行在第一终端11中的目标客户端。第二终端12用于生成并发送图表配置信息。其中,终端是具备数据计算、处理和存储能力的电子设备。终端可以是智能手机、平板电脑、pc(personalcomputer,个人计算机)、可穿戴设备等等,本申请实施例对此不作限定。在一些实施例中,该系统10还包括网络服务平台的服务器13,服务器13分别与第一终端11和第二终端12建立有通信连接(如网络连接),服务器13用于为目标客户端提供后台服务。可选地,服务器13用于接收第二终端12发送的图表配置信息,并将图表配置信息发送至第一终端11中。服务器可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云计算服务的云服务器。下面,通过几个实施例对本申请技术方案进行介绍说明。请参考图2,其示出了本申请一个实施例提供的图表显示方法的流程图。在本实施例中,主要以该方法应用于上文介绍的目标客户端中来举例说明。该方法可以包括如下几个步骤(201~203):步骤201,接收图表配置信息,图表配置信息用于生成目标图表。在一些实施例中,目标客户端接收到来自于第二终端(或网络服务平台的服务器)的图表配置信息。在一些可能的实现方式中,目标客户端在接收到图表显示指令(如接收到用户的图表显示操作)之后,生成并向网络服务平台的服务器发送图表显示请求,以使得服务器向目标客户端发送图表显示请求对应的图表配置信息。在一些实施例中,该步骤201还包括:接收页面信息,页面信息中包括图表配置信息,页面信息用于生成目标图表所在的目标页面。在一些实施例中,目标图表需要显示在目标客户端的目标页面中,是目标页面的一部分。可选地,通过页面信息,能够确定目标图表在目标页面中的显示位置。步骤202,采用网络服务平台的目标客户端中的渲染引擎,基于图表配置信息,生成目标图表。在一些实施例中,网络服务平台根据不同的展示方式对应有不同类型的客户端,目标客户端中的渲染引擎与目标客户端的类型相匹配,在网络服务平台不同类型的客户端中,基于图表配置信息生成的图表相同。可选地,网络服务平台对应的各个类型的客户端中,分别存在与所在客户端的类型相匹配的渲染引擎。其中,目标客户端中的渲染引擎,用于渲染生成图表配置信息在目标客户端中对应显示的目标图表。在一些实施例中,该步骤202还包括:基于目标客户端的类型以及页面信息,显示目标页面。可选地,按照页面信息在目标客户端中显示与目标客户端的类型适配的目标页面。其中,目标页面中显示与目标图表,以及目标图表之外的其他页面元素(如对目标图表记性解释说明的文字和/或图片等)。步骤203,显示目标图表。在一些实施例中,将采用上述步骤202生成的目标图表,显示在目标客户端中。综上所述,本申请实施例提供的技术方案中,通过预先在网络服务平台的不同类型的客户端中设置与客户端的类型相匹配的渲染引擎,当需要在不同类型的客户端中显示相同的图表时,只需要开发出一套图表配置信息,并将该图表配置信息发送至不同类型的客户端中,客户端直接基于该图表配置信息并采用匹配的渲染引擎显示相应的目标图表,使得能够通过相同的图表配置信息在不同类型的客户端中显示相同的图表,相比于开发多套程序代码的方案,本申请实施例降低了在不同类型的客户端中显示相同的图表所需的开发成本。另外,本申请实施例中,由于一套图表配置信息可以一键同步到多个客户端中,提升了图表的配置效率。请参考图3,其示出了本申请另一个实施例提供的图表显示方法的流程图。在本实施例中,主要以该方法应用于上文介绍的客户端中来举例说明。该方法可以包括如下几个步骤(301~306):步骤301,接收图表配置信息。该步骤301与上文图2实施例的步骤201的内容相同或相近,此处不再赘述。步骤302,在目标客户端为网页类型的情况下,采用与网页类型相匹配的第一渲染引擎,基于图表配置信息进行渲染,生成目标图表。在一些实施例中,目标客户端为网页类型(如html5(hypertextmarkuplanguage5,超文本5.0)),则目标客户端中配置有与网页类型相匹配的第一渲染引擎,第一渲染引擎用于基于图表配置信息进行渲染,生成显示在网页中的目标图表。在一些可能的实现方式中,第一渲染引擎中配置有与网页类型匹配的第一图表组件库,该步骤302包括如下几个步骤:1、基于图表配置信息确定目标图表的样式信息和内容信息,样式信息包括以下至少一项:目标图表的类型、目标图表的颜色信息、目标图表的尺寸信息、目标图表的指标信息、目标图表的位置信息、目标图表中文字内容的样式信息,内容信息用于指示目标图表中所要展示的内容;2、按照样式信息,从第一图表库中获取与图表配置信息对应的图表模板;3、采用第一渲染引擎,基于图表配置信息对应的图表模板以及内容信息,渲染生成目标图表。在一些实施例中,图表配置信息由样式信息和内容信息组成,第一图表组件库中包括与网页类型的客户端匹配的各种图表模板,按照图表配置信息中的样式信息,能够从第一图表库中获取与图表配置信息对应的图表模板,并基于获取的图表模板和内容信息采用第一渲染引擎进行渲染,从而生成用于显示在网页中的目标图表。可选地,样式信息用于指示目标图表的显示样式;内容信息可以包括目标图表所要展示的数据、文本、图片、视频等信息。在一些实施例中,图表的类型包括表格、折线图、扇形图、堆积面积图、柱形图、柱线图、条形图、堆积柱状图、堆积条形图等等;图表的颜色信息是指图表的各个组成元素的颜色(如红色、黄色、蓝色、黑色、白色、绿色等);图表的尺寸信息是指图表的整体尺寸参数(如图表整体的长度和高度),以及图表的各个组成元素的尺寸参数(如图表中各个点元素的尺寸、各条线的长度和宽度、箭头的尺寸等);图表的指标信息是指图表中的各个坐标轴(如横坐标轴、纵坐标轴)所表示的含义;图表的位置信息是指图表在目标页面中的显示位置;图表中文字内容的样式信息包括图表中位置的颜色、字体、尺寸、字间距等信息。步骤303,在目标客户端为应用程序类型的情况下,采用于应用程序类型相匹配的第二渲染引擎,基于图表配置信息进行渲染,生成目标图表。在一些实施例中,在一些实施例中,目标客户端为应用程序类型,如目标客户端为目标应用程序的客户端;则目标客户端中配置有与应用程序类型相匹配的第二渲染引擎,第二渲染引擎用于基于图表配置信息进行渲染,生成显示在目标应用程序中的目标图表。在一些实施例中,目标应用程序可以是原生应用程序,也可以是子应用程序,本申请实施例对此不作限定。原生应用程序是能够直接运行于操作系统的应用程序,子应用程序是依赖母应用程序运行的应用程序。上述子应用程序可以称之为小程序,小程序不能独立运行,但无需下载安装即可使用。用户通过扫描子应用程序对应的图形码(如二维码、条形码等),或者搜索子应用程序的名称或相关词条,即可直接打开该子应用程序。子应用程序能够在母应用程序中被便捷地获取和传播。母应用程序是用于承载子应用程序的应用程序,为子应用程序提供运行环境。可选地,母应用程序是原生应用程序。母应用程序可以是社交应用程序、专门支持子应用程序的专用应用程序、文件管理应用程序、邮件应用程序或者游戏应用程序等。社交应用程序包括即时通信应用、sns(socialnetworkservice,社交网站)应用或者直播应用等。在一些可能的实现方式中,第二渲染引擎中配置有与应用程序类型匹配的第二图表组件库,该步骤303还包括如下几个步骤:1、基于图表配置信息确定目标图表的样式信息和内容信息,样式信息包括以下至少一项:目标图表的类型、目标图表的颜色信息、目标图表的尺寸信息、目标图表的指标信息、目标图表的位置信息、目标图表中文字内容的样式信息,内容信息用于指示目标图表中所要展示的内容;2、按照样式信息,从第二图表库中获取与图表配置信息对应的图表模板;3、采用第二渲染引擎,基于图表配置信息对应的图表模板以及内容信息,渲染生成目标图表。在一些实施例中,图表配置信息由样式信息和内容信息组成,第一图表组件库中包括与应用程序类型的客户端匹配的各种图表模板,按照图表配置信息中的样式信息,能够从第一图表库中获取与图表配置信息对应的图表模板,并基于获取的图表模板和内容信息采用第一渲染引擎进行渲染,从而生成用于显示在目标应用程序中的目标图表。需要说明的是,对于上述步骤302和303,仅执行其中的一个步骤,步骤302和303之间不存在先后顺序关系。步骤304,显示目标图表。在一些实施例中,将采用上述步骤301~303生成的目标图表,显示在目标客户端中。在示例性实施例中,如图4所示,相同的图表配置信息在网页类型的客户端41和应用程序类型的客户端42中的显示样式相同;但是,由于网页类型的客户端41和应用程序类型的客户端42所在的终端,提供的显示界面的尺寸不相同,图表中部分组成元素之间的相对位置关系也可以不相同。步骤305,接收针对目标图表的修改指令,生成更新后的图表配置信息。在一些实施例中,目标客户端在显示了基于图表配置信息生成的目标图表之后,用户可以通过目标客户端对目标图表进行修改,则修改后的目标图表对应生成有更新后的图表配置信息。其中,修改指令可以是单击、双击、三击、长按、拖动、滑动等手势操作;也可以是语音指令。步骤306,将修改后的图表配置信息发送至网络服务平台除目标客户端外的其他客户端中。在一些实施例中,目标客户端将修改后的图表配置信息发送至服务器,由服务器将修改后的图表配置信息转发给其他客户端。其中,网络服务平台的其他客户端用于按照更新后的图表配置信息,更新显示基于图表配置信息生成的图表。综上所述,本申请实施例提供的技术方案中,通过将一个客户端对目标图表修改对应的更新信息(即修改后的图表配置信息)同步到其他客户端中,从而使多个客户端可以同时编辑相同的图表,提高了图表的更新效率。请参考图5,其示出了本申请另一个实施例提供的图表显示方法的流程图。在本实施例中,主要以该方法应用于上文介绍的第二终端中来举例说明。该方法可以包括如下几个步骤(501~503):步骤501,获取内容信息,内容信息用于指示目标图表中所要展示的内容。在一些实施例中,获取的内容信息的数据来源可以是一种,也可以是多种,如mysql(my-structuredquerylanguage,关系型数据库管理系统)、clickhouse(列式储存数据库)、redis(remotedictionaryserver,远程字典服务),impala(一种查询系统),presto_hive(一种开源的分布式查询引擎和一种数据仓库)等等,本申请实施例对此不作具体限定。步骤502,基于内容信息生成图表配置信息,图表配置信息用于生成目标图表。在一些实施例中,图表配置信息中包括需要在目标图表中进行展示的内容信息。在一种可能的实现方式中,该步骤502还包括如下几个步骤:1、接收针对图表配置信息的设置操作,确定目标图表的样式信息,样式信息包括以下至少一项:目标图表的类型、目标图表的颜色信息、目标图表的尺寸信息、目标图表的指标信息、目标图表的位置信息、目标图表中文字内容的样式信息;2、基于内容信息和样式信息,生成图表配置信息。在一些实施例中,通过对图表配置信息中包含的样式参数进行设置,从而确定目标图表的样式信息,将样式信息和内容信息组合得到图表配置信息。在一些可选的实施例中,上述接收针对图表配置信息的设置操作,确定目标图表的样式信息,包括如下几个步骤:(1)响应于针对至少一个候选的样式元素的选择指令,在可视化引擎中按照至少一个候选的样式元素显示候选的图表;(2)响应于针对候选的图表的确认指令,将候选的图表确定为目标图表,并将至少一个候选的样式元素确定为目标图表的样式信息。在该可选实施例中,第二终端中安装并运行有可视化引擎中,可视化引擎中可以显示多个候选的样式元素(如图表的类型、图表的颜色等),接收针对其中的至少一个候选的样式元素的选择指令,在可视化引擎中按照至少一个候选的样式元素显示候选的图表(如将折线图元素和蓝色结合,得到蓝色的折线图),接收到用于确认图表配置信息已配置完成的确认指令之后,即将确认配置的至少一个候选的样式元素,确定为目标图表的样式信息。在示例性实施例中,对图表配置信息进行设置可以参考如下表1:表1步骤503,向网络服务平台的目标客户端发送图表配置信息。可选地,网络服务平台根据不同的展示方式对应有不同类型的客户端,目标客户端中的渲染引擎与目标客户端的类型相匹配,在网络服务平台不同类型的客户端中,基于图表配置信息生成的图表相同。在一些实施例中,第二终端将图表配置信息发送至服务器,再由服务器向目标客户端转发图表配置信息。综上所述,本申请实施例提供的技术方案中,通过预先在网络服务平台的不同类型的客户端中设置与客户端的类型相匹配的渲染引擎,当需要在不同类型的客户端中显示相同的图表时,只需要开发出一套图表配置信息,并将该图表配置信息发送至不同类型的客户端中,客户端直接基于该图表配置信息并采用匹配的渲染引擎显示相应的目标图表,使得能够通过相同的图表配置信息在不同类型的客户端中显示相同的图表,相比于开发多套程序代码的方案,本申请实施例降低了在不同类型的客户端中显示相同的图表所需的开发成本。请参考图6,其示出了本申请一个实施例提供的图表显示装置。如图6所示,该装置包括:第一渲染引擎61、第二渲染引擎62、页面信息管理库63、可视化页面64和数据访问层65。其中:第一渲染引擎61和第二渲染引擎62,用于根据页面信息管理库63提供的可视化元素与交互元素信息,同时调用数据访问层65,从配置数据源中获取数据,最终结合组件信息输出可视化页。页面信息管理库63,用于保存可视化元素与交互元素的配置信息,以及在与用户的请求关联的页面信息数据;同时为可视化页面提供编辑功能和数据。可视化页面64,用于展示可视化元素和交互元素,通过对象配置请求接口获取其它对象的输出参数,从而获取实际的页面信息(例如,用户选中某个时间点的数据,通过折线图展示对应的参数配置)。数据访问层65,用于连接不同的数据源,包括实时统计数据源和离线统计数据源。下面,结合图7介绍本申请一个实施例提供的图表显示方法,该方法可以应用于图6所示的图表显示装置中。如图7所示,该方法包括如下几个步骤(701~706):步骤701,目标客户端向数据访问层发送页面内容查询请求;步骤702,目标客户端向页面信息管理库发送页面样式查询请求;步骤703,数据访问层根据页面内容查询请求进行信息查询,得到对应的内容信息;步骤704,数据访问层将内容信息发送至页面信息管理库;步骤705,页面信息管理库根据页面样式查询请求进行样式查询,得到对应的样式信息;步骤706,页面信息管理库将内容信息和样式信息发送至目标客户端;步骤707,目标客户端根据内容信息和样式信息渲染并显示对应的目标图表。在一些实施例中,第二终端中设置有可视化引擎,用于通过可视化方式简单直接地调整目标图表的配置信息,并最终生成图表配置信息。在示例性实施例中,如图8所示,通过触发可视化引擎的产品主界面81中的区域分布板块82,可以显示数据源选择界面83,用于选择图表配置信息中的内容信息的数据源。在示例性实施例中,如图9所示,通过图表配置界面91,对从指定数据源的数据中筛选出所需的数据,并在样式配置板块92中对图表配置信息中的样式信息(如图表类型,坐标轴,标签单位,颜色,同环比计算等)进行设置,以生成符合用户需求的数据可视化的图表。在示例性实施例中,如图10所示,在可视化编辑界面1001中,显示有文本编辑控件1002、模板切换控件1003和全局筛选控件1004。其中,文本编辑控件1002用于编辑必要的指标说明文本或其他的说明文本;模板切换控件1003用于选择图表的类型,如将扇形图1005切换为柱形图1006;全局筛选控件1004是一种筛选器(filter),能够通过关联不同的表单字段,全局作用于同一页面(dashboard)下面的所有图表。在一些实施例中,第二终端向服务器请求获取指定的格式信息,用于配置通用的数据源链接查询方式,便于传入统一的dbconfig(读取单元)来返回统一的table(图表)数据。在一些实施例中,图表格式返回值前端的json(javascriptobjectnotation,js对象简谱)格式指定,通过前端提交符合示例的数据获取请求,数据则以指定的json格式返回值前端并进行表格绘制。在一些实施例中,通过dashboard配置接口在可视化配置中指定多项表信息,以规范不同配置的模板组件及图表位置之间的关系。模板指的是各类图表,组件是文本、tab(标签)、全局筛选器等dashboard内的可视化元素;图表位置是指模板和组件分别相对于客户端中显示页面的位置。在一些实施例中,在获取网页类型的客户端帐号token(登录)权限并校验后,同步转发菜单配置信息,提供到应用程序类型的客户端中进行数据读取与图表渲染。下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。请参考图11,其示出了本申请一个实施例提供的图表显示装置的框图。该装置具有实现上述图表显示方法示例的功能,所述功能可以由硬件实现,也可以由硬件执行相应的软件实现。该装置可以是上文介绍的第一终端,也可以设置在第一终端上。该装置1100可以包括:信息接收模块1110、图表生成模块1120和图表显示模块1130。所述信息接收模块1110,用于接收图表配置信息,所述图表配置信息用于生成目标图表。所述图表生成模块1120,用于采用网络服务平台的目标客户端中的渲染引擎,基于所述图表配置信息,生成所述目标图表;其中,所述网络服务平台根据不同的展示方式对应有不同类型的客户端,所述目标客户端中的渲染引擎与所述目标客户端的类型相匹配,在所述网络服务平台不同类型的客户端中,基于所述图表配置信息生成的图表相同。所述图表显示模块1130,用于显示所述目标图表。综上所述,本申请实施例提供的技术方案中,通过预先在网络服务平台的不同类型的客户端中设置与客户端的类型相匹配的渲染引擎,当需要在不同类型的客户端中显示相同的图表时,只需要开发出一套图表配置信息,并将该图表配置信息发送至不同类型的客户端中,客户端直接基于该图表配置信息并采用匹配的渲染引擎显示相应的目标图表,使得能够通过相同的图表配置信息在不同类型的客户端中显示相同的图表,相比于开发多套程序代码的方案,本申请实施例降低了在不同类型的客户端中显示相同的图表所需的开发成本。在示例性实施例中,如图12所示,所述图表生成模块1120,包括:图表生成子模块1121。所述图表生成子模块1121,用于在所述目标客户端为网页类型的情况下,采用与所述网页类型相匹配的第一渲染引擎,基于所述图表配置信息进行渲染,生成所述目标图表。所述图表生成子模块1121,还用于在所述目标客户端为应用程序类型的情况下,采用于所述应用程序类型相匹配的第二渲染引擎,基于所述图表配置信息进行渲染,生成所述目标图表。在示例性实施例中,所述第一渲染引擎中配置有与所述网页类型匹配的第一图表组件库。如图12所示,所述图表生成子模块1121,用于:基于所述图表配置信息确定所述目标图表的样式信息和内容信息,所述样式信息包括以下至少一项:所述目标图表的类型、所述目标图表的颜色信息、所述目标图表的尺寸信息、所述目标图表的指标信息、所述目标图表的位置信息、所述目标图表中文字内容的样式信息,所述内容信息用于指示所述目标图表中所要展示的内容;按照所述样式信息,从所述第一图表库中获取与所述图表配置信息对应的图表模板;采用所述第一渲染引擎,基于所述图表配置信息对应的图表模板以及所述内容信息,渲染生成所述目标图表。在示例性实施例中,所述第二渲染引擎中配置有与所述应用程序类型匹配的第二图表组件库。如图12所示,所述图表生成子模块1121,用于:基于所述图表配置信息确定所述目标图表的样式信息和内容信息,所述样式信息包括以下至少一项:所述目标图表的类型、所述目标图表的颜色信息、所述目标图表的尺寸信息、所述目标图表的指标信息、所述目标图表的位置信息、所述目标图表中文字内容的样式信息,所述内容信息用于指示所述目标图表中所要展示的内容;按照所述样式信息,从所述第二图表库中获取与所述图表配置信息对应的图表模板;采用所述第二渲染引擎,基于所述图表配置信息对应的图表模板以及所述内容信息,渲染生成所述目标图表。在示例性实施例中,所述信息接收模块1110,用于:接收页面信息,所述页面信息中包括所述图表配置信息,所述页面信息用于生成所述目标图表所在的目标页面;所述采用网络服务平台的目标客户端中的渲染引擎,基于所述图表配置信息,生成所述目标图表,包括:基于所述目标客户端的类型以及所述页面信息,显示所述目标页面,所述目标页面中显示有所述目标图表。在示例性实施例中,如图12所示,所述装置1100还包括:信息生成模块1140和图表更新模块1150。所述信息生成模块1140,用于接收针对所述目标图表的修改指令,生成更新后的图表配置信息。所述图表更新模块1150,用于将所述修改后的图表配置信息发送至所述网络服务平台除所述目标客户端外的其他客户端中,所述网络服务平台的其他客户端用于按照所述更新后的图表配置信息,更新显示基于所述图表配置信息生成的图表。请参考图13,其示出了本申请另一个实施例提供的图表显示装置的框图。该装置具有实现上述图表显示方法示例的功能,所述功能可以由硬件实现,也可以由硬件执行相应的软件实现。该装置可以是上文介绍的第二终端,也可以设置在第二终端上。该装置1300可以包括:信息获取模块1310、信息生成模块1320和信息发送模块1330。所述信息获取模块1310,用于获取内容信息,所述内容信息用于指示目标图表中所要展示的内容。所述信息生成模块1320,用于基于所述内容信息生成图表配置信息,所述图表配置信息用于生成所述目标图表。所述信息发送模块1330,用于向网络服务平台的目标客户端发送所述图表配置信息;其中,所述网络服务平台根据不同的展示方式对应有不同类型的客户端,所述目标客户端中的渲染引擎与所述目标客户端的类型相匹配,在所述网络服务平台不同类型的客户端中,基于所述图表配置信息生成的图表相同。综上所述,本申请实施例提供的技术方案中,通过预先在网络服务平台的不同类型的客户端中设置与客户端的类型相匹配的渲染引擎,当需要在不同类型的客户端中显示相同的图表时,只需要开发出一套图表配置信息,并将该图表配置信息发送至不同类型的客户端中,客户端直接基于该图表配置信息并采用匹配的渲染引擎显示相应的目标图表,使得能够通过相同的图表配置信息在不同类型的客户端中显示相同的图表,相比于开发多套程序代码的方案,本申请实施例降低了在不同类型的客户端中显示相同的图表所需的开发成本。在示例性实施例中,如图14所示,所述信息生成模块1320,包括:信息确定子模块1321和信息生成子模块1322。所述信息确定子模块1321,用于接收针对所述图表配置信息的设置操作,确定所述目标图表的样式信息,所述样式信息包括以下至少一项:所述目标图表的类型、所述目标图表的颜色信息、所述目标图表的尺寸信息、所述目标图表的指标信息、所述目标图表的位置信息、所述目标图表中文字内容的样式信息。所述信息生成子模块1322,用于基于所述内容信息和所述样式信息,生成所述图表配置信息。在示例性实施例中,如图14所示,所述信息确定子模块1321,用于:响应于针对至少一个候选的样式元素的选择指令,在可视化引擎中按照所述至少一个候选的样式元素显示候选的图表;响应于针对所述候选的图表的确认指令,将所述候选的图表确定为所述目标图表,并将所述至少一个候选的样式元素确定为所述目标图表的样式信息。需要说明的是,上述实施例提供的装置,在实现其功能时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的装置与方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。在示例性实施例中,还提供了一种终端,所述终端包括处理器和存储器,所述存储器中存储有计算机程序,所述计算机程序由所述处理器加载并执行以实现上述图表显示方法。在示例性实施例中,还提供了一种计算机可读存储介质,所述存储介质中存储有计算机程序,所述计算机程序在被处理器执行时以实现上述图表显示方法。可选地,该计算机可读存储介质可以包括:rom(read-onlymemory,只读存储器)、ram(random-accessmemory,随机存储器)、ssd(solidstatedrives,固态硬盘)或光盘等。其中,随机存取记忆体可以包括reram(resistancerandomaccessmemory,电阻式随机存取记忆体)和dram(dynamicrandomaccessmemory,动态随机存取存储器)。在示例性实施例中,还提供了一种计算机程序产品,当该计算机程序产品被处理器执行时,其用于实现上述图表显示方法。应当理解的是,在本文中提及的“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,a和/或b,可以表示:单独存在a,同时存在a和b,单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。以上所述仅为本申请的示例性实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。当前第1页12当前第1页12
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1