数据可视化展示方法、装置、电子设备及计算机可读介质与流程

本公开涉及计算机信息处理领域，具体而言，涉及一种数据可视化展示方法、装置、电子设备及计算机可读介质。

背景技术：

仪表板(dashboard)是商业智能仪表板(businessintelligencedashboard，bidashboard)的简称，它是一般商业智能都拥有的实现数据可视化的模块，是向企业展示度量信息和关键业务指标(kpi)现状的数据虚拟化工具。在数据报表和分析领域，仪表板(dashboard)是一种非常重要的数据呈现或者数据可视化形式。相对于静态的报表，仪表板可以提供更丰富的内容展示、多种图表类型、更友好的用户交互及更深入的数据探查，交互界面可定制化，支持从多种数据源获取数据。仪表板是一般商业智能产品所不可或缺的数据可视化模块。

仪表板展示数据图表时一般有一个明确的主题，其中包含的图表展示的数据特征共同对主题进行说明。因此，仪表板中一般包含多个图表。为了让数据以最容易理解的方式展示，图表使用的展示方式很可能各不相同。仪表板的设计一般会是比较独特、灵活、定制化的。现有的技术方案一般有两种实现智能仪表板的方案1.纯代码开发图表、布局、交互等所有要素；2.先预先配置好图表，再根据需求，用工具进行布局的定制。方案1需要的交付周期较长，运营难度较大，运营整体成本升高；方案2仅限于弱交互或者无交互的智能仪表板的展示，不能处理大型和复杂的仪表板任务。

因此，需要一种新的数据可视化展示方法、装置、电子设备及计算机可读介质。

在所述背景技术部分公开的上述信息仅用于加强对本公开的背景的理解，因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现要素：

有鉴于此，本公开提供一种数据可视化展示方法、装置、电子设备及计算机可读介质，能够用简单方便的方式提供定制智能仪表板，扩展了智能仪表板的可交互性、提升了用户体验。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的一方面，提出一种数据可视化展示方法，该方法包括：获取待展示的数据与组件配置；根据所述数据建立变量映射表；根据预设的依赖关系，通过所述变量映射表确定组件参数；以及根据所述组件配置对组件进行渲染，以将所述组件参数在显示端进行可视化展示。

在本公开的一种示例性实施例中，所述变量映射表包括源变量与目标变量；根据所述数据建立变量映射表还包括：将所述变量映射表中的源变量解析为确定数值；以及将所述变量映射表中的目标变量解析为确定数值。

在本公开的一种示例性实施例中，根据预设的依赖关系，通过所述变量映射表确定组件参数包括：根据预设的依赖关系，通过所述变量映射表中的确定数值生成所述组件参数。

在本公开的一种示例性实施例中，所述源变量与所述目标变量之间的依赖关系通过观察者模式建立；以及所述源变量、所述目标变量与组件参数之间的依赖关系通过观察者模式建立。

在本公开的一种示例性实施例中，根据所述组件配置对组件进行渲染，以将所述组件参数在显示端进行可视化展示包括：根据所述组件配置按照层级结构对所述组件进行渲染，以将所述组件参数在显示端进行可视化展示。

在本公开的一种示例性实施例中，根据所述组件配置对组件进行渲染，以将所述组件参数在显示端进行可视化展示还包括：通过所述组件参数动态进行所述组件的实例化处理。

在本公开的一种示例性实施例中，还包括：通过预设界面接收开发者的指令以生成组件配置相关文件。

根据本公开的一方面，提出一种数据可视化展示装置，该装置包括：数据接收模块，用于获取待展示的数据与组件配置；映射模块，用于根据所述数据建立变量映射表；组件参数模块，用于根据预设的依赖关系，通过所述变量映射表确定组件参数；以及渲染模块，用于根据所述组件配置对组件进行渲染，以将所述组件参数在显示端进行可视化展示。

根据本公开的一方面，提出一种电子设备，该电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上文的方法。

根据本公开的一方面，提出一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如上文中的方法。

根据本公开的数据可视化展示方法、装置、电子设备及计算机可读介质，能够用简单方便的方式提供定制智能仪表板，扩展了智能仪表板的可交互性、提升了用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本公开。

附图说明

通过参照附图详细描述其示例实施例，本公开的上述和其它目标、特征及优点将变得更加显而易见。下面描述的附图仅仅是本公开的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是根据一示例性实施例示出的一种数据可视化展示方法的流程图。

图2是根据一示例性实施例示出的一种数据可视化展示装置的框图。

图3是根据另一示例性实施例示出的一种数据可视化展示装置的框图。

图4是根据一示例性实施例示出的一种电子设备的框图。

图5是根据一示例性实施例示出一种计算机可读存储介质示意图。

具体实施方式

现在将参考附图更全面地描述示例实施例。然而，示例实施例能够以多种形式实施，且不应被理解为限于在此阐述的实施例；相反，提供这些实施例使得本公开将全面和完整，并将示例实施例的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。

此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本公开的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本公开的各方面。

附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。

应理解，虽然本文中可能使用术语第一、第二、第三等来描述各种组件，但这些组件不应受这些术语限制。这些术语乃用以区分一组件与另一组件。因此，下文论述的第一组件可称为第二组件而不偏离本公开概念的教示。如本文中所使用，术语“及/或”包括相关联的列出项目中的任一个及一或多者的所有组合。

本领域技术人员可以理解，附图只是示例实施例的示意图，附图中的模块或流程并不一定是实施本公开所必须的，因此不能用于限制本公开的保护范围。

本申请的发明人发现，仪表板展示数据图表时一般有一个明确的主题，其中包含的图表展示的数据特征共同对主题进行说明。因此，仪表板中一般包含多个图表。为了让数据以最容易理解的方式展示，图表使用的展示方式很可能各不相同。根据图表之间的主次关系和重要性不同，在布局上也会侧重于将主要的或者更重要的图表放置在显著位置，占用的面积也会大一些；次要的或者不太重要的图表可以放置的位置偏一些和小一些。因此，仪表板的设计很大程度上取决于用户需求、展示图表及数据本身的特点、展示场景等多种因素。仪表板的设计一般会是比较独特、灵活、定制化的。

仪表板的实现方案一般有两种：

1、纯代码开发图表、布局、交互等所有要素；这种方式虽然能够完全把控和满足用户需求，但开发周期长，很难及时响应用户的需求。面对用户的前端运营人员只能传递需求到后端研发，等待研发人员排期、开发、测试完毕后才能向用户交付。交付周期的延长直接导致交付风险升高，运营难度和整体成本的升高，甚至导致运营失败。

2、先预先配置好图表，再根据需求，用工具进行布局的定制。这种方式能相对快速地产出仪表板，但仅限于弱交互或者无交互的仪表板(即实际相当于仅仅借用了仪表板的展现形式，但不能做稍微复杂的交互功能)。

本申请提出的数据可视化展示方法，既可以使不懂代码编写的人员经过简单的培训即可自行进行仪表板的定制化创建，也可以兼顾大部分场景下仪表板的可交互性和用户体验。以下是对本申请的具体实现方式的详细描述。

图1是根据一示例性实施例示出的一种数据可视化展示方法的流程图。在本申请中数据可视化展示方法10至少包括步骤s102至s108。

如图1所示，在s102中，获取待展示的数据与组件配置。待展示的数据可例如为用户提供的任意数据，可例如为规划数据、业务数据、产品库存数据等等，数据不限于一个类目下的数据，可例如为用户关注的某物品的各种角度的数据。可例如，待展示的数据为某物品相关数据，可例如为该物品的库存，该物品的进价与销售价格，还可例如为该物品在不同地区与时间的销售情况等等。

在一个实施例中，可例如通过预先设定的界面中，确定待展示的仪表板样式，仪表板的样式属于组件配置中的信息，组件配置信息还可例如包括展示组件的功能相关参数，以及组件属性等等参数，用户均可以通过预定的页面确定。

在一个实施例中，可例如通过配置文件获取组件配置相关的信息，配置文件可以用任何文件格式进行存储，包括但不限于有版本号、变量映射表、组件配置信息，其他配置信息可以按照产品具体需求进行扩展。其中，版本号用于指示此仪表板运行所支持的最低的仪表板引擎的版本，如“2.1.0”表示此仪表板需要“2.1.0”或以上版本的仪表板引擎才能运行。

在一个实施例中，组件配置信息可例如用来定义仪表板所需的组件元素(文本、图表、布局、页签、下拉框……)和组件之间的布局关系。组件布局用于明确组件在仪表板上如何展现，包含层级结构的组织、位置、大小等。组件参数是用来展示组件时候的参数，组件参数可以为固定配置，组件参数还可例如引用变量映射表中定义的变量。

在一个实施例中，仪表板配置文件中可以包含其他的配置项，可以按照产品需求灵活扩展，扩展时需要改变配置文件的版本号，确保扩展后兼容性仍然可以保证。

在s104中，根据所述数据建立变量映射表。其中，变量映射表用于定义此仪表板运行时需要的变量，以及变量之间的依赖关系。可例如将所述数据进行分别分析，将所述数据依次填写如变量映射表中。

在一个实施例中，待展示的仪表板有一个时间范围选择的组件用于总控仪表板上的全部图表的时间范围，一旦改变此时间范围需要刷新所有图表的数据，那么，就需要定义一个变量存储此时间范围的值。该变量与其他变量之间也存在联动关系，变量之间的相关关系也将会储存在变量映射表中。

在一个实施例中，变量映射表中的变量之间也可能有相互之间的依赖关系，如存储某图表的数据参数的变量，会依赖仪表板总控的时间范围变量。这类的依赖关系，也可例如通过变量映射表进行定义。

在s106中，根据预设的依赖关系，通过所述变量映射表确定组件参数。如上文所述，组件参数可以是固定配置或者引用变量映射表中定义的变量。可例如根据变量映射表中预设的数据之间的依赖关系，根据当前的数据确定组件参数。根据当前数据确定的组件参数可例如作为组件参数的初始值，在组件的展示过程中，可例如，根据用户的展示设置，实时条件组件中的参数或者变量，根据组件展示运行时的参数与数据变化，来动态改变组件参数，从而达成在运行时切换数据、切换展示等交互功能。

在一个实施例中，所述变量映射表包括源变量与目标变量；根据所述数据建立变量映射表还包括：将所述变量映射表中的源变量解析为确定数值；以及将所述变量映射表中的目标变量解析为确定数值。

在一个实施例中，根据预设的依赖关系，通过所述变量映射表确定组件参数包括：根据预设的依赖关系，通过所述变量映射表中的确定数值生成所述组件参数。

在一个实施例中，所述源变量与所述目标变量之间的依赖关系通过观察者模式建立；以及所述源变量、所述目标变量与组件参数之间的依赖关系通过观察者模式建立。

观察者模式(有时又被称为模型视图(view)模式、源收听者(listener)模式或从属者模式)是软件设计模式的一种。在此种模式中，一个目标物件管理所有相依于它的观察者物件，并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模式通常被用来实现事件处理系统。观察者设计模式定义了对象间的一种一对多的组合关系，以便一个对象的状态发生变化时，所有依赖于它的对象都得到通知并自动刷新。

在一个实施例中，目标变量可以作为一个观察者，源变量是被观察者，目标变量观察源变量的变化，发现源变量变化后，目标变量自动进行刷新。

在一个实施例中，述源变量、所述目标变量可以作为被观察者，组件参数作为观察者，组件参数观察源变量、目标变量的变化，发现源变量、目标变量变化后，组件参数自动进行刷新。

在s108中，根据所述组件配置对组件进行渲染，以将所述组件参数在显示端进行可视化展示。可例如，构建配置文件中定义的变量映射表、组件层级结构及相关支持的运行时环境，然后对组件进行渲染，最终在设备(含浏览器、移动端app、操作系统支持的本地应用程序等环境)上进行显示，并可供用户浏览和交互。

在一个实施例中，根据所述组件配置对组件进行渲染，以将所述组件参数在显示端进行可视化展示包括：根据所述组件配置按照层级结构对所述组件进行渲染，以将所述组件参数在显示端进行可视化展示。

在一个实施例中，根据所述组件配置对组件进行渲染，以将所述组件参数在显示端进行可视化展示还包括：通过所述组件参数动态进行所述组件的实例化处理。其中，组件实例化方式有两种：通过class属性实例化组件，以及通过javascript代码实例化组件，本申请不以此为限。

根据本公开的数据可视化展示方法，通过变量映射表将待展示数据与组件参数互相关联的方式，进行能够用简单方便的方式提供定制智能仪表板，扩展了智能仪表板的可交互性、提升了用户体验。

应清楚地理解，本公开描述了如何形成和使用特定示例，但本公开的原理不限于这些示例的任何细节。相反，基于本公开的内容的教导，这些原理能够应用于许多其它实施例。

在一个实施例中，还包括：通过预设界面接收开发者的指令以生成组件配置相关文件。由于配置文件中涉及到变量映射表和组件配置，对于复杂的仪表板设计，编写配置文件是一件十分费时费力的事情，可例如，对仪表板编辑器进行可视化的设计，最终自动生成仪表板的配置文件，生成的配置文件可以在仪表板渲染引擎中运行。在进行可视化设计时，仪表板编辑器的核心部分可例如是仪表板渲染引擎，可例如通过可视化的仪表板编辑器对组件的参数进行配置，并最终保存为仪表板配置文件。

根据本公开的数据可视化展示方法，通过可视化仪表板编辑器生成仪表板配置文件的方式，对于以商业智能为主力产品的公司，可以极大地降低仪表板的开发、测试、运营等时间成本和资金成本，能够大幅提高客户交付速度、满意度、美誉度，能够实现后端研发人力的极小依赖，仅凭前端产品运营就能够完成产品运营工作，效率和质量均大大提高。

下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。

图2是根据一示例性实施例示出的一种数据可视化展示装置的框图。数据可视化展示装置20包括：数据接收模块202，映射模块204，组件参数模块206，以及渲染模块208。

数据接收模块202用于获取待展示的数据与组件配置。可例如通过预先设定的界面中，确定待展示的仪表板样式，仪表板的样式属于组件配置中的信息，组件配置信息还可例如包括展示组件的功能相关参数，以及组件属性等等参数，用户均可以通过预定的页面确定。

映射模块204用于根据所述数据建立变量映射表。其中，变量映射表用于定义此仪表板运行时需要的变量，以及变量之间的依赖关系。可例如将所述数据进行分别分析，将所述数据依次填写如变量映射表中。

在一个实施例中，待展示的仪表板有一个时间范围选择的组件用于总控仪表板上的全部图表的时间范围，一旦改变此时间范围需要刷新所有图表的数据，那么，就需要定义一个变量存储此时间范围的值。该变量与其他变量之间也存在联动关系，变量之间的相关关系也将会储存在变量映射表中。

组件参数模块206用于根据预设的依赖关系，通过所述变量映射表确定组件参数。

在一个实施例中，所述变量映射表包括源变量与目标变量；根据所述数据建立变量映射表还包括：将所述变量映射表中的源变量解析为确定数值；以及将所述变量映射表中的目标变量解析为确定数值。

在一个实施例中，根据预设的依赖关系，通过所述变量映射表确定组件参数包括：根据预设的依赖关系，通过所述变量映射表中的确定数值生成所述组件参数。

在一个实施例中，所述源变量与所述目标变量之间的依赖关系通过观察者模式建立；以及所述源变量、所述目标变量与组件参数之间的依赖关系通过观察者模式建立。

渲染模块208用于根据所述组件配置对组件进行渲染，以将所述组件参数在显示端进行可视化展示。可例如，构建配置文件中定义的变量映射表、组件层级结构及相关支持的运行时环境，然后对组件进行渲染，最终在设备(含浏览器、移动端app、操作系统支持的本地应用程序等环境)上进行显示，并可供用户浏览和交互。

在一个实施例中，数据可视化展示装置20还包括：可视化展示模块210(图中未示出)用于通过预设界面接收开发者的指令以生成组件配置相关文件。可例如，对仪表板编辑器进行可视化的设计，最终自动生成仪表板的配置文件，生成的配置文件可以在仪表板渲染引擎中运行。在进行可视化设计时，仪表板编辑器的核心部分可例如是仪表板渲染引擎，可例如通过可视化的仪表板编辑器对组件的参数进行配置，并最终保存为仪表板配置文件。

根据本公开的数据可视化展示装置，通过变量映射表将待展示数据与组件参数互相关联的方式，进行能够用简单方便的方式提供定制智能仪表板，扩展了智能仪表板的可交互性、提升了用户体验。

根据本公开的数据可视化展示装置，通过可视化仪表板编辑器生成仪表板配置文件的方式，对于以商业智能为主力产品的公司，可以极大地降低仪表板的开发、测试、运营等时间成本和资金成本，能够大幅提高客户交付速度、满意度、美誉度，能够实现后端研发人力的极小依赖，仅凭前端产品运营就能够完成产品运营工作，效率和质量均大大提高。

图3是根据另一示例性实施例示出的一种数据可视化展示装置的框图。数据可视化展示装置30可例如包括：配置文件模块302，渲染模块304，编辑器306。下文将依据以上模块示例性的对数据可视化展示装置30运作的过程进行示例性描述。

配置文件模块302中通过配置文件定义了仪表板的版本、主题、样式、变量、变量依赖和引用关系、元素组织层级结构等信息。配置文件包括变量映射表与组件配置信息。

在配置文件模块302储存的配置文件可以用任何文件格式进行存储，包括但不限于有版本号、变量映射表、组件配置信息，其他配置信息可以按照产品具体需求进行扩展。其中，版本号用于指示此仪表板运行所支持的最低的仪表板引擎的版本，如“2.1.0”表示此仪表板需要“2.1.0”或以上版本的仪表板引擎才能运行。

在配置文件模块302储存的变量映射表可以用于定义此仪表板运行时需要的变量，以及变量之间的依赖关系。例如：仪表板有一个时间范围选择的组件用于总控仪表板上的全部图表的时间范围，一旦改变此时间范围需要刷新所有图表的数据，那么，就需要定义一个变量存储此时间范围的值。另外，变量之间也可能有相互之间的依赖关系，如存储某图表的数据参数的变量，会依赖仪表板总控的时间范围变量。这类的依赖关系，也通过变量映射表进行定义。

在配置文件模块302储存的组件配置信息用于定义仪表板所需的组件元素(文本、图表、布局、页签、下拉框……)和组件之间的布局关系。组件元素的定义需要明确要配置的组件元素本身及参数，参数可以是固定配置或者引用变量映射表中定义的变量，通过变量在运行时的变化，来动态改变组件参数，从而达成在运行时切换数据、切换展示等交互功能。组件布局用于明确组件在仪表板上如何展现，包含层级结构的组织、位置、大小等。

配置文件中可以包含其他的配置项，可以按照产品需求灵活扩展，扩展时需要改变配置文件的版本号，确保扩展后兼容性仍然可以保证。

渲染模块304用于将配置文件模块302中配置文件中定义出的仪表板在设备(含浏览器、移动端app、操作系统支持的本地应用程序等环境)上渲染出来，可供用户浏览、交互。渲染模块304用于解析上述配置文件，并构建配置文件中定义的变量映射表、组件层级结构及相关支持的运行时环境，最终在设备上进行显示，并可供用户浏览和交互。

渲染模块304检查仪表板是否可以由当前渲染引擎进行渲染，此步骤直接通过检查版本号完成。渲染模块304构建运行时的变量映射表、完成所有变量的依赖关系分析并将所有变量的值解析为确定值。渲染模块304根据变量之间的观察者模型以及组件和变量之间的观察者模型，实时将组件参数解析为确定值。渲染模块304按层级结构的组件渲染，按照组件的配置，动态进行组件的实例化并传入相关的组件参数，并在设备上进行渲染。

渲染模块304还用于依赖关系的分析结果，构建变量之间的观察者模型：即保证在源变量的值发生改变后，依赖的目标变量的值可以同步进行更新；渲染模块304还用于构建组件和变量之间的观察者模型：即保证在变量的值发生改变后，依赖的组件参数可以同步进行更新。

编辑器306用于提供一种无需编程和可视化的方式进行配置文件的生产，以降低配置文件的生产成本并提高生产效率。由于配置文件中涉及到变量映射表和组件配置，对于复杂的仪表板设计，编写配置文件是一件十分费时费力的事情，因此，编辑器306用于进行可视化的设计，编辑器306提供可视化的界面给编辑仪表板的用户，用户在可视化的界面中填写配置文件相关信息，编辑器306经过编辑最终自动生成仪表板的配置文件，用户还可例如，通过可视化界面对组件的参数进行配置，并最终保存为仪表板配置文件。

根据本公开的数据可视化展示方法及装置，通过变量映射表将待展示数据与组件参数互相关联的方式，进行能够用简单方便的方式提供定制智能仪表板，扩展了智能仪表板的可交互性、提升了用户体验。

根据本公开的数据可视化展示方法及装置，对于以商业智能为主力产品的公司，可以极大地降低仪表板的开发、测试、运营等时间成本和资金成本，能够大幅提高客户交付速度、满意度、美誉度，能够实现后端研发人力的极小依赖，仅凭前端产品运营就能够完成产品运营工作，效率和质量均大大提高。

本领域技术人员可以理解实现上述实施例的全部或部分步骤被实现为由cpu执行的计算机程序。在该计算机程序被cpu执行时，执行本公开提供的上述方法所限定的上述功能。所述的程序可以存储于一种计算机可读存储介质中，该存储介质可以是只读存储器，磁盘或光盘等。

此外，需要注意的是，上述附图仅是根据本公开示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

图4是根据一示例性实施例示出的一种电子设备的框图。

下面参照图4来描述根据本公开的这种实施方式的电子设备200。图4显示的电子设备200仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图4所示，电子设备200以通用计算设备的形式表现。电子设备200的组件可以包括但不限于：至少一个处理单元210、至少一个存储单元220、连接不同系统组件(包括存储单元220和处理单元210)的总线230、显示单元240等。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元210执行，使得所述处理单元210执行本说明书上述电子处方流转处理方法部分中描述的根据本公开各种示例性实施方式的步骤。例如，所述处理单元210可以执行如图1中所示的步骤。

所述存储单元220可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(ram)2201和/或高速缓存存储单元2202，还可以进一步包括只读存储单元(rom)2203。

所述存储单元220还可以包括具有一组(至少一个)程序模块2205的程序/实用工具2204，这样的程序模块2205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线230可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备200也可以与一个或多个外部设备300(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备200交互的设备通信，和/或与使得该电子设备200能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口250进行。并且，电子设备200还可以通过网络适配器260与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。网络适配器260可以通过总线230与电子设备200的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备200使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、或者网络设备等)执行根据本公开实施方式的上述方法。

图5示意性示出本公开示例性实施例中一种计算机可读存储介质示意图。

参考图5所示，描述了根据本公开的实施方式的用于实现上述方法的程序产品400，其可以采用便携式紧凑盘只读存储器(cd-rom)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本公开的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。

所述计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、rf等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如java、c++等，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(lan)或广域网(wan)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该计算机可读介质实现如下功能：获取待展示的数据与组件配置；根据所述数据建立变量映射表；根据预设的依赖关系，通过所述变量映射表确定组件参数；以及根据所述组件配置对组件进行渲染，以将所述组件参数在显示端进行可视化展示。

本领域技术人员可以理解上述各模块可以按照实施例的描述分布于装置中，也可以进行相应变化唯一不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

通过以上的实施例的描述，本领域的技术人员易于理解，这里描述的示例实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施例的方法。

以上具体地示出和描述了本公开的示例性实施例。应可理解的是，本公开不限于这里描述的详细结构、设置方式或实现方法；相反，本公开意图涵盖包含在所附权利要求的精神和范围内的各种修改和等效设置。

此外，本说明书说明书附图所示出的结构、比例、大小等，均仅用以配合说明书所公开的内容，以供本领域技术人员了解与阅读，并非用以限定本公开可实施的限定条件，故不具技术上的实质意义，任何结构的修饰、比例关系的改变或大小的调整，在不影响本公开所能产生的技术效果及所能实现的目的下，均应仍落在本公开所公开的技术内容得能涵盖的范围内。同时，本说明书中所引用的如“上”、“第一”、“第二”及“一”等的用语，也仅为便于叙述的明了，而非用以限定本公开可实施的范围，其相对关系的改变或调整，在无实质变更技术内容下，当也视为本公开可实施的范畴。