CN105279796A - 一种3d柱状图的绘制方法及装置 - Google Patents
一种3d柱状图的绘制方法及装置 Download PDFInfo
- Publication number
- CN105279796A CN105279796A CN201510654101.5A CN201510654101A CN105279796A CN 105279796 A CN105279796 A CN 105279796A CN 201510654101 A CN201510654101 A CN 201510654101A CN 105279796 A CN105279796 A CN 105279796A
- Authority
- CN
- China
- Prior art keywords
- mouse
- point coordinate
- starting point
- drag path
- histogram
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种3D柱状图的绘制方法及装置,所述方法包括监听鼠标拖拽路径,获取鼠标起始点坐标和鼠标终点坐标;依据所述起始点坐标与所述终点坐标,获取鼠标移动的距离和角度;以所述距离为半径,计算3D柱状图旋转方向和角度。本发明通过鼠标拖拽移动使得图形角度应该变化时,则清空图形区域,按正确的角度重绘图形,以实现动画效果,用户可以摆脱传统平面的浏览方式,不但图形造型立体逼真,使用方便,用户只需要操作鼠标,即可任意角度观察图形。
Description
技术领域
本发明涉及图形处理技术领域,特别涉及一种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}年;
legendLabel:图例标签;
clickEvent:柱体点击事件,传入一个回调函数,在柱体点击时,软件将回调此参数,并传入被点击的柱体数据;
datasource:数据源;
columnColors:柱体颜色,传入一个颜色数组,按z轴排列依次使用数组中的颜色渲染柱体;
tip:鼠标滑过柱体时显示的提示信息,信息内容支持html标签格式化,如:
年份{year}<br/>数量{count}。
本发明实施例提供的方法,通过鼠标拖拽移动使得图形角度应该变化时,则清空图形区域,按正确的角度重绘图形,以实现动画效果,用户可以摆脱传统平面的浏览方式,不但图形造型立体逼真,使用方便,用户只需要操作鼠标,即可任意角度观察图形。
图2是本发明实施例提供的一种3D柱状图的绘制装置的结构示意图。参加图2,所述装置包括:
数据获取模块21,用于监听鼠标拖拽路径,获取鼠标起始点坐标和鼠标终点坐标;
位置获取模块22,用于依据所述起始点坐标与所述终点坐标,获取鼠标移动的距离和角度;
数据计算模块23,用于以所述距离为半径,计算3D柱状图旋转方向和角度。
其中,所述数据获取模块具体包括:
起始点获取单元,用于当监听到鼠标点击屏幕时,获取鼠标起始点坐标;
终点获取单元,用于监听鼠标拖拽路径,获取鼠标终点坐标。
可选地,所述拖拽路径包括:x、y、z三个轴均支持0-90度范围内的任意拖拽。
可选地,所述鼠标点击屏幕时还包括:获取被点击的图形数据。
可选地,所述装置支持javascript中直接调用显示。
调用时支持以下参数:
width:图表区域宽度;
height:图表区域高度;
xLabel、yLabel:x轴、y轴标签,支持参数格式化显示,如{year}年;
legendLabel:图例标签;
clickEvent:柱体点击事件,传入一个回调函数,在柱体点击时,软件将回调此参数,并传入被点击的柱体数据;
datasource:数据源;
columnColors:柱体颜色,传入一个颜色数组,按z轴排列依次使用数组中的颜色渲染柱体;
tip:鼠标滑过柱体时显示的提示信息,信息内容支持html标签格式化,如:
年份{year}<br/>数量{count}。
本发明实施例提供的装置,通过鼠标拖拽移动使得图形角度应该变化时,则清空图形区域,按正确的角度重绘图形,以实现动画效果,用户可以摆脱传统平面的浏览方式,不但图形造型立体逼真,使用方便,用户只需要操作鼠标,即可任意角度观察图形。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种3D柱状图的绘制方法,其特征在于,所述方法包括:
监听鼠标拖拽路径,获取鼠标起始点坐标和鼠标终点坐标;
依据所述起始点坐标与所述终点坐标,获取鼠标移动的距离和角度;
以所述距离为半径,计算3D柱状图旋转方向和角度。
2.根据权利要求1所述的方法,其特征在于,所述监听鼠标拖拽路径,获取鼠标起始点坐标和鼠标终点坐标具体包括:
当监听到鼠标点击屏幕时,获取鼠标起始点坐标;
监听鼠标拖拽路径,获取鼠标终点坐标。
3.根据权利要求1或2所述的方法,其特征在于,所述拖拽路径包括:x、y、z三个轴均支持0-90度范围内的任意拖拽。
4.根据权利要求2所述的方法,其特征在于,所述鼠标点击屏幕时还包括:获取被点击的图形数据。
5.根据权利要求1所述的方法,其特征在于,所述方法支持javascript中直接调用显示。
6.一种3D柱状图的绘制装置,其特征在于,所述装置包括:
数据获取模块,用于监听鼠标拖拽路径,获取鼠标起始点坐标和鼠标终点坐标;
位置获取模块,用于依据所述起始点坐标与所述终点坐标,获取鼠标移动的距离和角度;
数据计算模块,用于以所述距离为半径,计算3D柱状图旋转方向和角度。
7.根据权利要求5所述的装置,其特征在于,所述数据获取模块具体包括:
起始点获取单元,用于当监听到鼠标点击屏幕时,获取鼠标起始点坐标;
终点获取单元,用于监听鼠标拖拽路径,获取鼠标终点坐标。
8.根据权利要求5或6所述的装置,其特征在于,所述拖拽路径包括:x、y、z三个轴均支持0-90度范围内的任意拖拽。
9.根据权利要求5所述的装置,其特征在于,所述鼠标点击屏幕时还包括:获取被点击的图形数据。
10.根据权利要求5所述的装置,其特征在于,所述装置支持javascript中直接调用显示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510654101.5A CN105279796A (zh) | 2015-10-10 | 2015-10-10 | 一种3d柱状图的绘制方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510654101.5A CN105279796A (zh) | 2015-10-10 | 2015-10-10 | 一种3d柱状图的绘制方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105279796A true CN105279796A (zh) | 2016-01-27 |
Family
ID=55148745
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510654101.5A Pending CN105279796A (zh) | 2015-10-10 | 2015-10-10 | 一种3d柱状图的绘制方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105279796A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2018205493A1 (zh) * | 2017-05-11 | 2018-11-15 | 广州视源电子科技股份有限公司 | 图形绘制方法、装置及设备 |
CN110502570A (zh) * | 2019-08-26 | 2019-11-26 | 东北大学秦皇岛分校 | 一种矩阵热力图三维可视化方法 |
CN111739120A (zh) * | 2020-05-19 | 2020-10-02 | 云知声智能科技股份有限公司 | 纯文本柱状图的绘制方法 |
CN116401310A (zh) * | 2023-06-08 | 2023-07-07 | 西安中科天塔科技股份有限公司 | 一种柱状图堆叠显示方法及装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101814196A (zh) * | 2010-03-09 | 2010-08-25 | 浙江大学 | 基于图片的三维动漫玩具设计方法 |
US20120263368A1 (en) * | 2011-03-09 | 2012-10-18 | Toshiba Medical Systems Corporation | Medical image processing apparatus |
CN103559617A (zh) * | 2013-11-05 | 2014-02-05 | 范贤 | 多维角度观看物品及缩放、平移和语音导购的方法及*** |
CN103761094A (zh) * | 2014-01-22 | 2014-04-30 | 上海诚明融鑫科技有限公司 | 一种平面绘图时多边形合并的方法 |
CN104318508A (zh) * | 2014-10-31 | 2015-01-28 | 北京思特奇信息技术股份有限公司 | 一种基于面状shp地图图层的数据可视化方法及*** |
-
2015
- 2015-10-10 CN CN201510654101.5A patent/CN105279796A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101814196A (zh) * | 2010-03-09 | 2010-08-25 | 浙江大学 | 基于图片的三维动漫玩具设计方法 |
US20120263368A1 (en) * | 2011-03-09 | 2012-10-18 | Toshiba Medical Systems Corporation | Medical image processing apparatus |
CN103559617A (zh) * | 2013-11-05 | 2014-02-05 | 范贤 | 多维角度观看物品及缩放、平移和语音导购的方法及*** |
CN103761094A (zh) * | 2014-01-22 | 2014-04-30 | 上海诚明融鑫科技有限公司 | 一种平面绘图时多边形合并的方法 |
CN104318508A (zh) * | 2014-10-31 | 2015-01-28 | 北京思特奇信息技术股份有限公司 | 一种基于面状shp地图图层的数据可视化方法及*** |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2018205493A1 (zh) * | 2017-05-11 | 2018-11-15 | 广州视源电子科技股份有限公司 | 图形绘制方法、装置及设备 |
CN110502570A (zh) * | 2019-08-26 | 2019-11-26 | 东北大学秦皇岛分校 | 一种矩阵热力图三维可视化方法 |
CN110502570B (zh) * | 2019-08-26 | 2022-03-01 | 东北大学秦皇岛分校 | 一种矩阵热力图三维可视化方法 |
CN111739120A (zh) * | 2020-05-19 | 2020-10-02 | 云知声智能科技股份有限公司 | 纯文本柱状图的绘制方法 |
CN111739120B (zh) * | 2020-05-19 | 2023-07-25 | 云知声智能科技股份有限公司 | 纯文本柱状图的绘制方法 |
CN116401310A (zh) * | 2023-06-08 | 2023-07-07 | 西安中科天塔科技股份有限公司 | 一种柱状图堆叠显示方法及装置 |
CN116401310B (zh) * | 2023-06-08 | 2023-08-22 | 西安中科天塔科技股份有限公司 | 一种柱状图堆叠显示方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103164121B (zh) | 一种终端软件界面展示的方法和装置 | |
CN105279796A (zh) | 一种3d柱状图的绘制方法及装置 | |
CN101763234B (zh) | 一种模拟各种屏幕分辨率的方法及其装置 | |
CN106598988A (zh) | 一种数据处理方法和设备 | |
CN107608668B (zh) | H5页面制作兼容显示的方法、装置、终端设备及存储介质 | |
US20130055125A1 (en) | Method of creating a snap point in a computer-aided design system | |
TWI550519B (zh) | 圖表繪製方法 | |
CN102073975A (zh) | 用户终端装置、绘图处理***及绘图处理方法 | |
CN105608319A (zh) | 一种数字病理切片的标注方法及标注装置 | |
CN103793178A (zh) | 一种移动设备触摸屏中矢量图形编辑方法 | |
CN103176712A (zh) | 一种图像放大显示方法和装置 | |
CN103578553A (zh) | 一种矢量线型快速擦除方法 | |
CN113448486A (zh) | 电子白板用笔笔锋实现方法、装置、存储介质及电子白板 | |
CN104866121A (zh) | 三维模型绘制***及其绘制方法 | |
CN108256126A (zh) | 可视化数据大屏的数据配置方法 | |
CN110782517A (zh) | 点云标注方法、装置、存储介质及电子设备 | |
CN112905102A (zh) | 书写笔锋的实现方法、装置、电子设备及可读存储介质 | |
US20150007096A1 (en) | Rotation of graphical scenes | |
CN110727383A (zh) | 基于小程序的触控交互方法、装置、电子设备与存储介质 | |
CN104978135A (zh) | 一种图标显示方法、装置及移动终端 | |
CN103631379A (zh) | 触摸选择的视觉反馈方法和装置 | |
US20190042010A1 (en) | Generating a three-dimensional image using tilt angle of a digital pen | |
CN107402986A (zh) | 一种多维度数据的可视化展示方法及*** | |
CN113448473B (zh) | 图片裁剪区域可视化操作方法及装置 | |
US20230008224A1 (en) | Visualization of complex data |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160127 |
|
RJ01 | Rejection of invention patent application after publication |