CN107977925A - 图形转换方法及装置 - Google Patents

Abstract

本发明提供了一种图形转换方法及装置，其中，该方法包括：通过样式设计工具对原图形进行变形，得到变形图形；获取原图形变形到变形图形的重定位信息，其中，重定位信息用于指示原图形上的点对应的变形图形上的点的位置信息；根据重定位信息将变形图形转换为3D柱形图，采用上述方案，解决了相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题，提高了平面地图与3D柱形图进行图像转换时准确性。

Description

图形转换方法及装置

技术领域

本发明涉及电学领域，具体而言，涉及一种图形转换方法及装置。

背景技术

Echart提供了多种二维平面地图，包括中国地图、各个省级地图和各省市级地图，为展示区域性数据提供了很好的图形平台。但是，当用户需要各个区域更详细的数据，并通过另外一种图形，例如3D柱形图，结合展示时，平面的地图已无法给予用户一种很好的视觉体验。

现有的Echart的平面地图和highcharts的3D柱形图结合展示数据的方式，无法给予用户一种很好的视觉体验，变形后的Echart地图中的各个区域在父级元素中的位置随着地图的变形也发生了变化，所以highchart的3D柱形图在与变形后的地图进行结合时，柱形图的位置无法准确定位在对应的区域。

针对相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题，目前还没有有效地解决方案。

发明内容

本发明实施例提供了一种图形转换方法及装置，以至少解决相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题。

根据本发明的一个实施例，提供了一种图形转换方法，包括：通过样式设计工具对原图形进行变形，得到变形图形；获取所述原图形变形到所述变形图形的重定位信息，其中，所述重定位信息用于指示所述原图形上的点对应的所述变形图形上的点的位置信息；根据所述重定位信息将所述变形图形转换为3D柱形图。

可选地，获取所述原图形变形到所述变形图形的重定位信息包括：获取所述原图形上的点的原始位置信息并将所述原始位置信息转换为三维坐标系位置信息；根据旋转角度以及所述三维坐标系位置信息确定所述重定位信息，其中，所述旋转角度指所述变形图形相对于所述原图形的旋转角度。

可选地，在根据所述重定位信息将所述变形图形转换为3D柱形图之后，所述方法还包括：获取所述变形图形上的点在显示页面上的节点位置信息，其中，所述节点位置信息用于指示上所述变形图形上的点对应的所述显示页面上的节点的位置；根据所述节点位置信息与所述重定位信息确定所述变形图形上的点在所述显示页面上的显示位置信息，其中，所述显示位置信息用于指示所述变形图形显示在所述显示页面上的位置；根据所述显示位置信息在所述显示页面上显示所述3D柱形图。

可选地，通过所述样式设计工具对原图形进行变形，得到变形图形包括：通过层级样式表CSS3的变形transform属性对所述原图形进行变形，得到所述变形图形，其中，所述CSS3的transform属性包括以下至少之一：旋转、缩放、位移。

可选地，通过CSS3的transform属性对所述原图形进行变形，得到所述变形图形包括：通过transform属性中的旋转子属性rotateX将所述原图形以预设参考轴为中心旋转预设角度；通过transform属性中的等比缩放子属性Scale将旋转预设角度后的图形等比放大预设倍数，得到所述变形图形。

根据本发明的另一个实施例，提供了一种图形转换装置，包括：变形模块，用于通过样式设计工具对原图形进行变形，得到变形图形；第一获取模块，用于获取所述原图形变形到所述变形图形的重定位信息，其中，所述重定位信息用于指示所述原图形上的点对应的所述变形图形上的点的位置信息；转换模块，用于根据所述重定位信息将所述变形图形转换为3D柱形图。

可选地，所述第一获取模块包括：获取单元，用于获取所述原图形上的点的原始位置信息并将所述原始位置信息转换为三维坐标系位置信息；确定单元，用于根据旋转角度以及所述三维坐标系位置信息确定所述重定位信息，其中，所述旋转角度指所述变形图形相对于所述原图形的旋转角度。

可选地，所述装置还包括：第二获取模块，用于获取所述变形图形上的点在显示页面上的节点位置信息，其中，所述节点位置信息用于指示上所述变形图形上的点对应的所述显示页面上的节点的位置；确定模块，用于根据所述节点位置信息与所述重定位信息确定所述变形图形上的点在所述显示页面上的显示位置信息，其中，所述显示位置信息用于指示所述变形图形显示在所述显示页面上的位置；显示模块，用于根据所述显示位置信息在所述显示页面上显示所述3D柱形图。

可选地，所述变形模块包括：变形单元，用于通过CSS3的transform属性对所述原图形进行变形，得到所述变形图形，其中，所述CSS3的transform属性包括以下至少之一：旋转、缩放、位移。

可选地，所述变形单元用于：通过transform属性中的旋转子属性rotateX将所述原图形以预设参考轴为中心旋转预设角度；通过transform属性中的等比缩放子属性Scale将旋转预设角度后的图形等比放大预设倍数，得到所述变形图形。

通过本发明，通过样式设计工具对原图形进行变形，得到变形图形；获取原图形变形到变形图形的重定位信息，其中，重定位信息用于指示原图形上的点对应的变形图形上的点的位置信息；根据重定位信息将变形图形转换为3D柱形图，由此可见，采用上述方案采用样式设计工具对原图形进行变形后得到变形图形，由于原图形上的点相对于变形图形上的点的位置发生了变化，获取原图形上的点对应于变形图形上的点的位置信息，得到将原图形进行变形后的重定位信息，再利用得到的重定位信息将变形图形转换为3的柱形图，从而利用重定位信息实现了平面图形到3D柱形图的精确转换，因此，提高了平面地图与3D柱形图进行图像转换时准确性，从而解决了相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是本发明实施例的一种图形转换方法的移动终端的硬件结构框图；

图2是根据本发明实施例的一种图形转换方法的流程图；

图3是根据本发明可选实施例的图形转换方法的示意图一；

图4是根据本发明可选实施例的图形转换方法的示意图二；

图5是根据本发明实施例的一种图形转换装置的结构框图一；

图6是根据本发明实施例的一种图形转换装置的结构框图二；

图7是根据本发明实施例的一种图形转换装置的结构框图三；

图8是根据本发明实施例的一种图形转换装置的结构框图四。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。

实施例1

本申请实施例1所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在移动终端上为例，图1是本发明实施例的一种图形转换方法的移动终端的硬件结构框图，如图1所示，移动终端10可以包括一个或多个（图中仅示出一个）处理器102（处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置）、用于存储数据的存储器104、以及用于通信功能的传输装置106。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，移动终端10还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。

存储器104可用于存储应用软件的软件程序以及模块，如本发明实施例中的图形转换方法对应的程序指令/模块，处理器102通过运行存储在存储器104内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至移动终端10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括移动终端10的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器（Network Interface Controller，简称为NIC），其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频（Radio Frequency，简称为RF）模块，其用于通过无线方式与互联网进行通讯。

在本实施例中提供了一种图形转换方法，图2是根据本发明实施例的一种图形转换方法的流程图，如图2所示，该流程包括如下步骤：

步骤S202，通过样式设计工具对原图形进行变形，得到变形图形；

步骤S204，获取原图形变形到变形图形的重定位信息，其中，重定位信息用于指示原图形上的点对应的变形图形上的点的位置信息；

步骤S206，根据重定位信息将变形图形转换为3D柱形图。

可选地，上述图形转换方法可以但不限于应用于平面地图转换为3D柱形图的场景中。例如：Echart提供的二维平面地图与highchart的3D柱形图结合的场景。

可选地，上述图形转换方法可以但不限于应用于客户端、服务器等，例如：移动终端、计算机终端、网络服务器等设备。

通过上述步骤，通过样式设计工具对原图形进行变形，得到变形图形；获取原图形变形到变形图形的重定位信息，其中，重定位信息用于指示原图形上的点对应的变形图形上的点的位置信息；根据重定位信息将变形图形转换为3D柱形图，由此可见，采用上述方案采用样式设计工具对原图形进行变形后得到变形图形，由于原图形上的点相对于变形图形上的点的位置发生了变化，获取原图形上的点对应于变形图形上的点的位置信息，得到将原图形进行变形后的重定位信息，再利用得到的重定位信息将变形图形转换为3的柱形图，从而利用重定位信息实现了平面图形到3D柱形图的精确转换，因此，提高了平面地图与3D柱形图进行图像转换时准确性，从而解决了相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题。

在本实施例中，可以但不限于使用层级样式表（Cascading Style Sheets，简称为CSS3）作为上述样式设计工具来对原图形进行变形，得到变形图形。

在本实施例中，可以但不限于使用CSS3的transform属性得到变形图形，其中，上述transform属性可以但不限于包括以下至少之一：旋转、缩放、位移等。

在本实施例中，通过样式设计工具对原图形进行变形的过程可以但不限于首先为原图形设置坐标系和坐标轴，以某一个坐标轴为参考轴将原图形旋转预设角度，再对旋转后的图形进行等比放大，以得到变形图形。

在本实施例中，可以但不限于通过以下方式获取重定位信息，根据图像变形时的旋转角度以及缩放倍数等信息推导出变形图像上的点的位置满足的公式，实现原图形到变形图形的重定位。

可选地，在上述步骤S204中，首先可以将原图形上的点的位置信息进行坐标转换，再根据坐标转换后得到的坐标信息以及图像变换时图形的旋转角度来确定重定位信息，从而实现图形转换后图形上的各个点的精确定位，提高了平面地图与3D柱形图进行图像转换时准确性，从而解决了相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题。例如：获取原图形上的点的原始位置信息并将原始位置信息转换为三维坐标系位置信息，并根据旋转角度以及三维坐标系位置信息确定重定位信息，其中，旋转角度指变形图形相对于原图形的旋转角度。

可选地，在上述步骤S206之后，可以对原图形变形后得到的3D柱形图进行显示，根据显示页面上的节点位置信息和在3D柱形图的转换过程中得到的重定位信息确定变形图形在显示页面上显示的位置，从而实现3D柱形图在显示页面上的精确显示。例如：在上述步骤S206之后，可以但不限于获取变形图形上的点在显示页面上的节点位置信息，其中，节点位置信息用于指示上变形图形上的点对应的显示页面上的节点的位置，再根据节点位置信息与重定位信息确定变形图形上的点在显示页面上的显示位置信息，其中，显示位置信息用于指示变形图形显示在显示页面上的位置，从而根据显示位置信息在显示页面上显示3D柱形图。

在一个示例中，上述步骤S202可以但不限于通过CSS3的transform属性对原图形进行变形，得到变形图形，其中，CSS3的transform属性包括以下至少之一：旋转、缩放、位移。

可选地，在本示例中，可以但不限于通过以下方式对原图形进行变形，得到变形图形，通过transform属性中的旋转子属性rotateX将原图形以预设参考轴为中心旋转预设角度，再通过transform属性中的等比缩放子属性Scale将旋转预设角度后的图形等比放大预设倍数，得到变形图形。

在一个可选实施例中，提供了一种图形转换方法，可以但不限于通过CSS3的transform属性将Echarts的平面地图进行变形，与highcharts的3D柱形图进行结合，向用户展示了一种3D效果，同时，根据CSS的transform转换过程，给出一套3D柱形图在变形后的地图上的重定位计算公式，以达到3D柱形图与地图的精确结合。

在本可选实施例提供的图形转换方法中，原图形以Echarts地图为例，3D柱形图以highcharts中的3D柱形图为例。图3是根据本发明可选实施例的图形转换方法的示意图一，如图3所示，虚线框表示原图形，实线框表示变形图形，以原图形的中点建立三维坐标系XYZ，X轴、Y轴、Z轴方向如图3所示，原图形在XY平面上，原图形的宽设为MapW，原图形的高设为MapH。

首先，通过CSS3的transform属性，将Echarts地图进行变形。CSS3的transform属性可以但不限于包括旋转、缩放和位移等。通过旋转子属性rotateX将地图以X轴为中心旋转α°，达到地图侧躺的效果，再将侧躺后的地图通过scale属性进行横向和纵向的等比放大β倍，达到将地图由于侧躺变小而重新变大的效果。图4是根据本发明可选实施例的图形转换方法的示意图二，如图4所示，通过上述变形后以X轴正方向为视角得到图4所示图形。可以看到地图在旋转过程中，图中点的位置变化。

根据以上地图的变形过程，以下进行3D柱形图在变形后的地图上重定位计算公式的推导。

根据Echarts地图提供的函数getPosByGeo可以获取到，以图3中虚线框左上角为原点，地图中各个区域的页面位置设置为（left,top）。

根据图3中虚线框所示，地图被分割为四个区域，分别为第一象限、第二象限、第三象限和第四象限。

如果（left,top）位于第一象限，则转换为三维坐标系中的初始位置为：

地图以X轴为中心旋转α°后，初始位置变为

如果（left,top）位于第二象限，则转换为三维坐标系中的初始位置为：

地图以X轴为中心旋转α°后，初始位置变为

如果（left,top）位于第三象限，则转换为三维坐标系中的初始位置为：

地图以X轴为中心旋转α°后，初始位置变为

如果（left,top）位于第四象限，则转换为三维坐标系中的初始位置为

地图以X轴为中心旋转α°后，初始位置变为

结合上述四个象限的结果，原始位置（left,top）转换为三维坐标系中的位置为经过旋转后的位置变化为：

通过上述公式确定重定位信息，并根据该重定位信息将变形图形转换为3D柱形图。

结合页面布局，获取地图所在显示页面上的节点div的位置(divLeft,divTop)（相当于上述节点位置信息）,最后得到柱形图在整个显示页面上的绝对定位（相当于上述显示位置信息）：

从而根据上述绝对定位的信息在显示页面上显示3D柱形图。

通过上述可选实施例，使地图侧躺结合3D柱形图，可以给用户更好的3D视觉展示效果。使用推导后的计算公式，可以解决3D柱形图在变形后的地图中无法重定位的问题。从而提高平面地图与3D柱形图进行图像转换时准确性。

实施例2

在本实施例中还提供了一种图形转换装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

图5是根据本发明实施例的一种图形转换装置的结构框图一，如图5所示，该装置包括：

变形模块52，用于通过样式设计工具对原图形进行变形，得到变形图形；

第一获取模块54，耦合至变形模块52，用于获取原图形变形到变形图形的重定位信息，其中，重定位信息用于指示原图形上的点对应的变形图形上的点的位置信息；

转换模块56，耦合至第一获取模块54，用于根据重定位信息将变形图形转换为3D柱形图。

可选地，上述图形转换方法可以但不限于应用于平面地图转换为3D柱形图的场景中。例如：Echart提供的二维平面地图与highchart的3D柱形图结合的场景。

可选地，上述图形转换方法可以但不限于应用于客户端、服务器等，例如：移动终端、计算机终端、网络服务器等设备。

通过上述装置，变形模块通过样式设计工具对原图形进行变形，得到变形图形；第一获取模块获取原图形变形到变形图形的重定位信息，其中，重定位信息用于指示原图形上的点对应的变形图形上的点的位置信息；转换模块根据重定位信息将变形图形转换为3D柱形图，由此可见，采用上述方案采用样式设计工具对原图形进行变形后得到变形图形，由于原图形上的点相对于变形图形上的点的位置发生了变化，获取原图形上的点对应于变形图形上的点的位置信息，得到将原图形进行变形后的重定位信息，再利用得到的重定位信息将变形图形转换为3的柱形图，从而利用重定位信息实现了平面图形到3D柱形图的精确转换，因此，提高了平面地图与3D柱形图进行图像转换时准确性，从而解决了相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题。

在本实施例中，可以但不限于使用层级样式表（Cascading Style Sheets，简称为CSS3）作为上述样式设计工具来对原图形进行变形，得到变形图形。

在本实施例中，可以但不限于使用CSS3的transform属性得到变形图形，其中，上述transform属性可以但不限于包括以下至少之一：旋转、缩放、位移等。

在本实施例中，通过样式设计工具对原图形进行变形的过程可以但不限于首先为原图形设置坐标系和坐标轴，以某一个坐标轴为参考轴将原图形旋转预设角度，再对旋转后的图形进行等比放大，以得到变形图形。

在本实施例中，可以但不限于通过以下方式获取重定位信息，根据图像变形时的旋转角度以及缩放倍数等信息推导出变形图像上的点的位置满足的公式，实现原图形到变形图形的重定位。

图6是根据本发明实施例的一种图形转换装置的结构框图二，如图6所示，可选地，第一获取模块54包括：

获取单元62，用于获取原图形上的点的原始位置信息并将原始位置信息转换为三维坐标系位置信息；

确定单元64，耦合至获取单元62，用于根据旋转角度以及三维坐标系位置信息确定重定位信息，其中，旋转角度指变形图形相对于原图形的旋转角度。

通过上述装置，可以将原图形上的点的位置信息进行坐标转换，再根据坐标转换后得到的坐标信息以及图像变换时图形的旋转角度来确定重定位信息，从而实现图形转换后图形上的各个点的精确定位，提高了平面地图与3D柱形图进行图像转换时准确性，从而解决了相关技术中平面地图与3D柱形图进行图像转换时准确性低的问题。

图7是根据本发明实施例的一种图形转换装置的结构框图三，如图7所示，可选地，该装置还包括：

第二获取模块72，耦合至转换模块56，用于获取变形图形上的点在显示页面上的节点位置信息，其中，节点位置信息用于指示上变形图形上的点对应的显示页面上的节点的位置；

确定模块74，耦合至第二获取模块72，用于根据节点位置信息与重定位信息确定变形图形上的点在显示页面上的显示位置信息，其中，显示位置信息用于指示变形图形显示在显示页面上的位置；

显示模块76，耦合至确定模块74，用于根据显示位置信息在显示页面上显示3D柱形图。

通过上述装置，可以对原图形变形后得到的3D柱形图进行显示，根据显示页面上的节点位置信息和在3D柱形图的转换过程中得到的重定位信息确定变形图形在显示页面上显示的位置，从而实现3D柱形图在显示页面上的精确显示。

图8是根据本发明实施例的一种图形转换装置的结构框图四，如图8所示，可选地，变形模块52包括：

变形单元82，用于通过CSS3的transform属性对原图形进行变形，得到变形图形，其中，CSS3的transform属性包括以下至少之一：旋转、缩放、位移。

可选地，变形单元82用于：通过transform属性中的旋转子属性rotateX将原图形以预设参考轴为中心旋转预设角度；通过transform属性中的等比缩放子属性Scale将旋转预设角度后的图形等比放大预设倍数，得到变形图形。

需要说明的是，上述各个模块是可以通过软件或硬件来实现的，对于后者，可以通过以下方式实现，但不限于此：上述模块均位于同一处理器中；或者，上述模块分别位于多个处理器中。

以上实施例仅用以说明本发明的技术方案而非对其进行限制，本领域的普通技术人员可以对本发明的技术方案进行修改或者等同替换，而不脱离本发明的精神和范围，本发明的保护范围应以权利要求所述为准。

实施例3

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质（如ROM/RAM、磁碟、光盘）中，包括若干指令用以使得一台终端设备（可以是手机，计算机，服务器，或者网络设备等）执行本发明各个实施例所述的方法。

本发明的实施例还提供了一种存储介质。可选地，在本实施例中，上述存储介质可以被设置为存储用于执行以下步骤的程序代码：

S1，通过样式设计工具对原图形进行变形，得到变形图形；

S2，获取原图形变形到变形图形的重定位信息，其中，重定位信息用于指示原图形上的点对应的变形图形上的点的位置信息；

S3，根据重定位信息将变形图形转换为3D柱形图。

可选地，存储介质还被设置为存储用于执行上述实施例记载的方法步骤的程序代码：

可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器（ROM，Read-Only Memory）、随机存取存储器（RAM，Random Access Memory）、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

可选地，在本实施例中，处理器根据存储介质中已存储的程序代码执行上述实施例记载的方法步骤。

可选地，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种图形转换方法，其特征在于，包括：

通过样式设计工具对原图形进行变形，得到变形图形；

获取所述原图形变形到所述变形图形的重定位信息，其中，所述重定位信息用于指示所述原图形上的点对应的所述变形图形上的点的位置信息；

根据所述重定位信息将所述变形图形转换为3D柱形图。

2.根据权利要求1所述的方法，其特征在于，获取所述原图形变形到所述变形图形的重定位信息包括：

获取所述原图形上的点的原始位置信息并将所述原始位置信息转换为三维坐标系位置信息；

根据旋转角度以及所述三维坐标系位置信息确定所述重定位信息，其中，所述旋转角度指所述变形图形相对于所述原图形的旋转角度。

3.根据权利要求1所述的方法，其特征在于，在根据所述重定位信息将所述变形图形转换为3D柱形图之后，所述方法还包括：

获取所述变形图形上的点在显示页面上的节点位置信息，其中，所述节点位置信息用于指示上所述变形图形上的点对应的所述显示页面上的节点的位置；

根据所述节点位置信息与所述重定位信息确定所述变形图形上的点在所述显示页面上的显示位置信息，其中，所述显示位置信息用于指示所述变形图形显示在所述显示页面上的位置；

根据所述显示位置信息在所述显示页面上显示所述3D柱形图。

4.根据权利要求1所述的方法，其特征在于，通过所述样式设计工具对原图形进行变形，得到变形图形包括：

通过层级样式表CSS3的变形transform属性对所述原图形进行变形，得到所述变形图形，其中，所述CSS3的transform属性包括以下至少之一：旋转、缩放、位移。

5.根据权利要求4所述的方法，其特征在于，通过CSS3的transform属性对所述原图形进行变形，得到所述变形图形包括：

通过transform属性中的旋转子属性rotateX将所述原图形以预设参考轴为中心旋转预设角度；

通过transform属性中的等比缩放子属性Scale将旋转预设角度后的图形等比放大预设倍数，得到所述变形图形。

6.一种图形转换装置，其特征在于，包括：

变形模块，用于通过样式设计工具对原图形进行变形，得到变形图形；

第一获取模块，用于获取所述原图形变形到所述变形图形的重定位信息，其中，所述重定位信息用于指示所述原图形上的点对应的所述变形图形上的点的位置信息；

转换模块，用于根据所述重定位信息将所述变形图形转换为3D柱形图。

7.根据权利要求6所述的装置，其特征在于，所述第一获取模块包括：

获取单元，用于获取所述原图形上的点的原始位置信息并将所述原始位置信息转换为三维坐标系位置信息；

确定单元，用于根据旋转角度以及所述三维坐标系位置信息确定所述重定位信息，其中，所述旋转角度指所述变形图形相对于所述原图形的旋转角度。

8.根据权利要求6所述的装置，其特征在于，所述装置还包括：

第二获取模块，用于获取所述变形图形上的点在显示页面上的节点位置信息，其中，所述节点位置信息用于指示上所述变形图形上的点对应的所述显示页面上的节点的位置；

确定模块，用于根据所述节点位置信息与所述重定位信息确定所述变形图形上的点在所述显示页面上的显示位置信息，其中，所述显示位置信息用于指示所述变形图形显示在所述显示页面上的位置；

显示模块，用于根据所述显示位置信息在所述显示页面上显示所述3D柱形图。

9.根据权利要求6所述的装置，其特征在于，所述变形模块包括：

变形单元，用于通过CSS3的transform属性对所述原图形进行变形，得到所述变形图形，其中，所述CSS3的transform属性包括以下至少之一：旋转、缩放、位移。

10.根据权利要求9所述的装置，其特征在于，所述变形单元用于：

通过transform属性中的旋转子属性rotateX将所述原图形以预设参考轴为中心旋转预设角度；

通过transform属性中的等比缩放子属性Scale将旋转预设角度后的图形等比放大预设倍数，得到所述变形图形。