CN110781654B - 一种图表多类型自动切换的方法及装置 - Google Patents

Abstract

本发明公开了一种图表多类型自动切换的方法及装置，将多种2.5D图表整合在一个UE组件中，将多种2.5D图表的参数分为公共参数和差异参数，在UE组建中包括一组公共参数配置和多组差异参数配置，用户可以根据2.5D图表的使用需求配置差异参数，每组差异参数对应一种2.5D图表，解决了现有的2.5D图表在切换时需要开发多个组件，且切换程序较为复杂的问题。通过简单的配置切换选项来控制类型切换，开发成本低、效率高、维护升级简单。

Description

一种图表多类型自动切换的方法及装置

技术领域

本发明涉及图表绘制领域，特别涉及一种图表多类型自动切换的方法及装置。

背景技术

图表泛指在屏幕中显示的，可直观展示统计信息属性(时间性、数量性等)，对知识挖掘和信息直观生动感受起关键作用的图形结构，是一种很好的将对象属性数据直观、形象地"可视化"的手段。数据图表可以仿版地查看数据的差异和预测趋势，使数据比较或数据变化趋势变得一目了然，有助于快速、有效地表达数据关系。图表是生成它的工作数据相链接的。

为了使图表更加美观，现在很多图表采用2.5D效果进行绘制，2.5D俗称伪3d，是一种结合了3d与2d的图形技术。为了模拟地表示三维场景中各形体的前后位置关系，2.5D图形利用分层基数确定二维平面上各图形元素的层级关系，通过透视成像等原理使用户在视觉上产生三维错觉，从而产生三维绘制效果。

现有技术要实现常见的2.5D饼图、2.5D环形图、2.5D玫瑰图、2.5D柱形环图、2.5D扇形环图的功能，目前的实现步骤如下：第一步：开发一个2.5D的饼图组件；第二步：开发一个2.5D的环形图组件；第三步：开发一个2.5D的玫瑰图组件；第四步：开发一个2.5D的柱形环图组件；第五步：开发一个2.5D的扇形环图组件；若需要扩展展示样式，还需要开发更多的组件。当产品面向多用户场景，呈现不同的2.5D饼状图展示效果时则存在以下问题：

1、需要独立开发多个组件，开发成本高，效率低，周期长；

2、用户使用2.5D饼状图时，若想要调整展示样式，如转换为2.5D柱形环图，只能删除原组件重新拖入2.5D柱形环图组件。用户使用成本高，用户体验差。

发明内容

本发明的目的在于：提供了一种图表多类型自动切换的方法及装置，解决了现有的2.5D图表在切换时需要开发多个组件，且切换程序较为复杂的问题。

本发明采用的技术方案如下：

一种图表多类型自动切换的方法，包括以下步骤：

S1、提取需要切换的多种2.5D图表各自的参数；

S2、将步骤S1提取到的参数分为公共参数和差异参数；

S3、将公共参数部分作为公共模块封装；

S4、将差异参数部分作为差异模块封装，差异模块与图表种类一一对应；

S5、将差异模块和公共模块封装到一个UE组件，为UE组件配置切换选项。

本方案采用上述方法，将多种2.5D图表整合在一个UE组件中，将多种2.5D图表的参数分为公共参数和差异参数，在UE组建中包括一组公共参数配置和多组差异参数配置，用户可以根据2.5D图表的使用需求配置差异参数，每组差异参数对应一种2.5D图表，解决了现有的2.5D图表在切换时需要开发多个组件，且切换程序较为复杂的问题。通过简单的配置切换选项来控制类型切换，开发成本低、效率高、维护升级简单。

进一步的，所述2.5D图表包括2.5D饼图、2.5D环形图、2.5D玫瑰图、2.5D柱形环图、2.5D扇形环图中的至少2种。

进一步的，所述公共参数包括通用配置、提示框、图例、数据标签中的至少一个。

进一步的，所述差异参数包括视觉样式、内半径大小、外半径大小、环块间隙、环块厚度中的至少一个。

进一步的，所述步骤S4将差异参数部分作为差异模块封装，差异模块与图表种类一一对应后，还包括建立各个差异模块内参数的关系。

进一步的，所述各个差异模块内参数的关系包括尺寸关系和位置关系中的至少一个。

由于2.5D图表主要用于数据可视化展示，在切换图表时应当尽量保证图表的位置和大小没有太大的变化，否则还需要对数据可视化界面的其它组件进行调整，而设置差异模块内参数间尺寸和位置的关系即设置相应2.5D图表之间的尺寸和位置的关系，使图表切换的可控性更高。

进一步的，所述2.5D图表采用2.5D饼图时，UE组件在绘制图形时还包括扇形块无遮挡绘制方法，所述扇形块无遮挡绘制方法包括以下步骤：

S6、UE组件在使用时根据度量指标数计算2.5D饼状图扇形块的数量，并以饼图圆心为中心，把饼图分为左右两部分；

S7、右侧2.5D扇形块采用顺时针的绘制方式，左侧2.5D扇形块采用逆时针的绘制方式。

进一步的，所述步骤S7中的绘制方法为：每个扇形块绘制规则为先底面、2个内侧面、外弧面、最后顶面，扇形块每个面以圆心为起点，根据视角、内外半径、环块间隙、饼块厚度确定终点，从起点到终点绘制出面。

采用上述绘制方法，由于2.5D图在视觉上有一定的厚度，如果整个2.5D饼图均采用一个方向绘制，则在相邻扇形块之间有较多遮挡部分，绘制时难度较大，采用上述方法进行绘制，形块无遮挡，便于绘制。

一种图表多类型自动切换的装置，包括：

存储器，用于存储可执行指令；

多核处理器，用于执行所述存储器中存储的可执行指令，实现如权利要求1所述的一种2.5D图表多类型自动切换的方法。

综上所述，由于采用了上述技术方案，本发明的有益效果是：

1.本发明一种图表多类型自动切换的方法及装置，同类组件集成化：将多类型2.5D饼图类组件集成到一个组件中，无需再每个类型的组件都独立开发一套代码，极大的降低了组件开发成本，提高了开发效率。同时组件维护和功能升级也更加简单高效，无需再分别维护升级每个类型组件的公共部分和差异部分，只需要重点专注差异部分；

2.本发明一种图表多类型自动切换的方法及装置，数据可视化功能灵活化：用户在使用组件时只需要一个2.5D饼状类组件，即可满足2.5D饼图、2.5D环形图、2.5D玫瑰图、2.5D柱形环图、2.5D扇形环图等5种场景的展示效果，图形类型切换快捷简单、方便、用户体验好。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图，其中：

图1是本发明的架构示意图；

图2是本发明的公共模块参数配置示意图；

图3是本发明的公共模块参数配置示意图；

图4是本发明的公共模块参数配置示意图；

图5是本发明的差异模块参数配置示意图；

图6是本发明的公共模块参数配置示意图；

图7是本发明的扇形块无遮挡绘制方法的部分代码。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面将结合图1至图7对本发明作进一步地详细描述，所描述的实施例不应视为对本发明的限制，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

除非另有定义，本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本发明实施例的目的，不是旨在限制本发明。

对本发明实施例进行进一步详细说明之前，对本发明实施例中涉及的名词和术语进行说明，本发明实施例中涉及的名词和术语适用于如下的解释。

实施例1

一种图表多类型自动切换的方法，包括以下步骤：

S1、提取需要切换的多种2.5D图表各自的参数；

S2、将步骤S1提取到的参数分为公共参数和差异参数；

S3、将公共参数部分作为公共模块封装；

S4、将差异参数部分作为差异模块封装，差异模块与图表种类一一对应；

S5、将差异模块和公共模块封装到一个UE组件，为UE组件配置切换选项。

本方案采用上述方法，将多种2.5D图表整合在一个UE组件中，将多种2.5D图表的参数分为公共参数和差异参数，在UE组建中包括一组公共参数配置和多组差异参数配置，用户可以根据2.5D图表的使用需求配置差异参数，每组差异参数对应一种2.5D图表，解决了现有的2.5D图表在切换时需要开发多个组件，且切换程序较为复杂的问题。通过简单的配置切换选项来控制类型切换，开发成本低、效率高、维护升级简单。

实施例2

本实施例与实施例1的区别在于，所述2.5D图表包括2.5D饼图、2.5D环形图、2.5D玫瑰图、2.5D柱形环图、2.5D扇形环图中的至少2种。

进一步的，所述公共参数包括通用配置、提示框、图例、数据标签中的至少一个。

进一步的，所述差异参数包括视觉样式、内半径大小、外半径大小、环块间隙、环块厚度中的至少一个。

实施例3

本实施例与实施例2的区别在于，所述步骤S4将差异参数部分作为差异模块封装，差异模块与图表种类一一对应后，还包括建立各个差异模块内参数的关系。

进一步的，所述各个差异模块内参数的关系包括尺寸关系和位置关系中的至少一个。

由于2.5D图表主要用于数据可视化展示，在切换图表时应当尽量保证图表的位置和大小没有太大的变化，否则还需要对数据可视化界面的其它组件进行调整，而设置差异模块内参数间尺寸和位置的关系即设置相应2.5D图表之间的尺寸和位置的关系，使图表切换的可控性更高。

实施例4

本实施例与实施例1的区别在于，所述2.5D图表采用2.5D饼图时，UE组件在绘制图形时还包括扇形块无遮挡绘制方法，所述扇形块无遮挡绘制方法包括以下步骤：

S6、UE组件在使用时根据度量指标数计算2.5D饼状图扇形块的数量，并以饼图圆心为中心，把饼图分为左右两部分；

S7、右侧2.5D扇形块采用顺时针的绘制方式，左侧2.5D扇形块采用逆时针的绘制方式。

进一步的，所述步骤S7中的绘制方法为：每个扇形块绘制规则为先底面、2个内侧面、外弧面、最后顶面，扇形块每个面以圆心为起点，根据视角、内外半径、环块间隙、饼块厚度确定终点，从起点到终点绘制出面。

采用上述绘制方法，由于2.5D图在视觉上有一定的厚度，如果整个2.5D饼图均采用一个方向绘制，则在相邻扇形块之间有较多遮挡部分，绘制时难度较大，采用上述方法进行绘制，形块无遮挡，便于绘制。

实施例5

本实施例一种图表多类型自动切换的装置，包括：

存储器，用于存储可执行指令；

多核处理器，用于执行所述存储器中存储的可执行指令，实现如权利要求1所述的一种2.5D图表多类型自动切换的方法。

实施例6

如图2-图6所示，采用本方案为UE组件添加2.5D饼图、2.5D环形图、2.5D玫瑰图、2.5D柱形环图、2.5D扇形环图，其中图2-图4为公共模块的参数配置，公共模块的参数包括通用参数、基础参数和提示框参数等，图5为2.5D饼图的差异模块参数配置，可以通过切换“样式”一栏切换不同图表的参数配置模块，差异模块参数配置还包括圆心横坐标、圆心纵坐标、外半径、内半径等差异参数。

实施例6

本实施例为一种具体的各个差异模块内参数的关系，包括2.5D饼图、2.5D环形图和2.5D玫瑰图，2.5D饼图的差异模块参数包括视角45°、内半径0px、外半径140px、圆心横坐标50％、圆心纵坐标50％，以2.5D饼图的差异模块参数为基础，2.5D环形图的差异模块参数中视角与2.5D饼图相同为45°，内半径为70px，外半径与2.5D饼图相同为140px，圆心横坐标与2.5D饼图相同为50％、圆心纵坐标与2.5D饼图相同为50％，2.5D玫瑰图的差异模块参数中视角比2.5D饼图大15°为60°，内半径为与2.5D饼图相同为35fx，外半径与2.5D饼图相同为140px，圆心横坐标为2.5D饼图下移10％为60％、圆心纵坐标为2.5D左移5％为45％。

实施例7

如图7所示，本实施例为扇形块无遮挡绘制方法的部分代码。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (7)

1.一种图表多类型自动切换的方法，其特征在于：包括以下步骤：

S1、提取需要切换的多种2.5D图表各自的参数；

S2、将步骤S1提取到的参数分为公共参数和差异参数；

S3、将公共参数部分作为公共模块封装；

S4、将差异参数部分作为差异模块封装，差异模块与图表种类一一对应；

S5、将差异模块和公共模块封装到一个UE组件，为UE组件配置切换选项；

所述2.5D图表采用2.5D饼图时，UE组件在绘制图形时还包括扇形块无遮挡绘制方法，所述扇形块无遮挡绘制方法包括以下步骤：

S6、UE组件在使用时根据度量指标数计算2.5D饼状图扇形块的数量，并以饼图圆心为中心，把饼图分为左右两部分；

S7、右侧2.5D扇形块采用顺时针的绘制方式，左侧2.5D扇形块采用逆时针的绘制方式；

所述步骤S7中的绘制方法为：每个扇形块绘制规则为先底面、2个内侧面、外弧面、最后顶面，扇形块每个面以圆心为起点，根据视角、内外半径、环块间隙、饼块厚度确定终点，从起点到终点绘制出面。

2.根据权利要求1所述的一种图表多类型自动切换的方法，其特征在于：所述2.5D图表包括2.5D饼图、2.5D环形图、2.5D玫瑰图、2.5D柱形环图、2.5D扇形环图中的至少2种。

3.根据权利要求1所述的一种图表多类型自动切换的方法，其特征在于：所述公共参数包括通用配置、提示框、图例、数据标签中的至少一个。

4.根据权利要求1所述的一种图表多类型自动切换的方法，其特征在于：所述差异参数包括内半径大小、外半径大小、环块间隙、环块厚度、视觉样式中的至少一个。

5.根据权利要求1所述的一种图表多类型自动切换的方法，其特征在于：所述步骤S4将差异参数部分作为差异模块封装，差异模块与图表种类一一对应后，还包括建立各个差异模块内参数的关系。

6.根据权利要求1所述的一种图表多类型自动切换的方法，其特征在于：各个差异模块内参数的关系包括尺寸关系和位置关系中的至少一个。

7.一种图表多类型自动切换的装置，其特征在于：包括：

存储器，用于存储可执行指令；

多核处理器，用于执行所述存储器中存储的可执行指令，实现如权利要求1所述的一种图表多类型自动切换的方法。

Images