一种3D柱状图的绘制方法及装置制造方法及图纸

本发明专利技术公开了一种3D柱状图的绘制方法及装置，所述方法包括监听鼠标拖拽路径，获取鼠标起始点坐标和鼠标终点坐标；依据所述起始点坐标与所述终点坐标，获取鼠标移动的距离和角度；以所述距离为半径，计算3D柱状图旋转方向和角度。本发明专利技术通过鼠标拖拽移动使得图形角度应该变化时，则清空图形区域，按正确的角度重绘图形，以实现动画效果，用户可以摆脱传统平面的浏览方式，不但图形造型立体逼真，使用方便，用户只需要操作鼠标，即可任意角度观察图形。

【技术实现步骤摘要】

本专利技术涉及图形处理
，特别涉及一种3D柱状图的绘制方法及装置。
技术介绍
柱状图(Histogram)，也称条图(英文：bargraph)、长条图(英文：barchart)、条状图，是一种以长方形的长度为变量的表达图形的统计报告图，由一系列高度不等的纵向条纹表示数据分布的情况，用来比较两个或以上的价值(不同时间或者不同条件)，只有一个变量，通常利用于较小的数据集分析。柱状图亦可横向排列，或用多维方式表达。目前，对于柱状图的绘制及浏览多集中于二维空间，缺少三维立体，使用户无法直观地理解图形所表达的内涵，且对图形的移动较为固定，无法实现旋转等功能。
技术实现思路
为了解决现有技术的问题，本专利技术实施例提供了一种3D柱状图的绘制方法及装置。所述技术方案如下：第一方面，提供了一种3D柱状图的绘制方法，所述方法包括：监听鼠标拖拽路径，获取鼠标起始点坐标和鼠标终点坐标；依据所述起始点坐标与所述终点坐标，获取鼠标移动的距离和角度；以所述距离为半径，计算3D柱状图旋转方向和角度。其中，所述监听鼠标拖拽路径，获取鼠标起始点坐标和鼠标终点坐标具体包括：当监听到鼠标点击屏幕时，获取鼠标起始点坐标；监听鼠标拖拽路径，获取鼠标终点坐标。可选地，所述拖拽路径包括：x、y、z三个轴均支持0-90度范围内的任意拖拽。可选地，所述鼠标点击屏幕时还包括：获取被点击的图形数据。可选地，所述方法支持javascript中直接调用显示。另一方面，提供了一种3D柱状图的绘制装置，所述装置包括：数据获取模块，用于监听鼠标拖拽路径，获取鼠标起始点坐标和鼠标终点坐标；位置获取模块，用于依据所述起始点坐标与所述终点坐标，获取鼠标移动的距离和角度；数据计算模块，用于以所述距离为半径，计算3D柱状图旋转方向和角度。其中，所述数据获取模块具体包括：起始点获取单元，用于当监听到鼠标点击屏幕时，获取鼠标起始点坐标；终点获取单元，用于监听鼠标拖拽路径，获取鼠标终点坐标。可选地，所述拖拽路径包括：x、y、z三个轴均支持0-90度范围内的任意拖拽。可选地，所述鼠标点击屏幕时还包括：获取被点击的图形数据。可选地，所述装置支持javascript中直接调用显示。本专利技术实施例提供的技术方案带来的有益效果是：通过鼠标拖拽移动使得图形角度应该变化时，则清空图形区域，按正确的角度重绘图形，以实现动画效果，用户可以摆脱传统平面的浏览方式，不但图形造型立体逼真，使用方便，用户只需要操作鼠标，即可任意角度观察图形。附图说明为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例提供的3D柱状图的绘制方法流程图；图2是本专利技术实施例提供的3D柱状图的绘制装置的结构示意图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术实施方式作进一步地详细描述。图1是本专利技术实施例提供的一种3D柱状图的绘制方法的流程图。参见图1，所述方法包括：101、监听鼠标拖拽路径，获取鼠标起始点坐标和鼠标终点坐标；102、依据所述起始点坐标与所述终点坐标，获取鼠标移动的距离和角度；103、以所述距离为半径，计算3D柱状图旋转方向和角度。其中，所述监听鼠标拖拽路径，获取鼠标起始点坐标和鼠标终点坐标具体包括：当监听到鼠标点击屏幕时，获取鼠标起始点坐标；监听鼠标拖拽路径，获取鼠标终点坐标。可选地，所述拖拽路径包括：x、y、z三个轴均支持0-90度范围内的任意拖拽。可选地，所述鼠标点击屏幕时还包括：获取被点击的图形数据。可选地，所述方法支持javascript中直接调用显示。调用时支持以下参数：width：图表区域宽度；height：图表区域高度；xLabel、yLabel：x轴、y轴标签，支持参数格式化显示，如{year本文档来自技高网...

【技术保护点】
一种3D柱状图的绘制方法，其特征在于，所述方法包括：监听鼠标拖拽路径，获取鼠标起始点坐标和鼠标终点坐标；依据所述起始点坐标与所述终点坐标，获取鼠标移动的距离和角度；以所述距离为半径，计算3D柱状图旋转方向和角度。

【技术特征摘要】
1.一种3D柱状图的绘制方法，其特征在于，所述方法包括：
监听鼠标拖拽路径，获取鼠标起始点坐标和鼠标终点坐标；
依据所述起始点坐标与所述终点坐标，获取鼠标移动的距离和角度；
以所述距离为半径，计算3D柱状图旋转方向和角度。
2.根据权利要求1所述的方法，其特征在于，所述监听鼠标拖拽路径，获
取鼠标起始点坐标和鼠标终点坐标具体包括：
当监听到鼠标点击屏幕时，获取鼠标起始点坐标；
监听鼠标拖拽路径，获取鼠标终点坐标。
3.根据权利要求1或2所述的方法，其特征在于，所述拖拽路径包括：x、
y、z三个轴均支持0-90度范围内的任意拖拽。
4.根据权利要求2所述的方法，其特征在于，所述鼠标点击屏幕时还包括：
获取被点击的图形数据。
5.根据权利要求1所述的方法，其特征在于，所述方法支持javascript
中直接调用显示。
6.一种3D柱状图的绘制装置，其特征在...

【专利技术属性】
技术研发人员：张宝泉，
申请(专利权)人：苏州工业园区凌志软件股份有限公司，
类型：发明
国别省市：江苏;32