一种基于FLEX构建3D柱状图的方法

摘要

本发明公开了一种基于FLEX构建3D柱状图的方法，可响应鼠标的拖拽事件，能够进行360度球体式的立体旋转，能够从各个角度观察图形数据的展示；可个性化定时3D柱状图数据源和柱形条的UI图形条；能够支持跨语言性平台调用不单单基于Flex语言的使用，也可使用javascript的直接调用展示。

主权项

一种基于FLEX构建3D柱状图的方法，其特征在于，包括如下步骤：基于Flex的actionScript脚本绘制，采用actionScript的Shape简单图形接口和Graphics矢量形状创建方法结合数学算法勾画出3D模型；使用remove Children方式清空图形区域，实时响应addEventListener监听mouseEvent，clickEvent，MOUSE_MOVE，MOUSE_UP等各类鼠标事件派发函数进行处理；通过Flex的stage的舞台性质将平面像素转换为矢量坐标形式；通过偏向45度角，定义设置X、Y、Z三重坐标形式；通过获取鼠标移动的距离和角度，将鼠标移动模拟成在以原点为圆心，3D柱状图较长的一边为半径的球体上运动，以此计算3D柱状图应旋转的方向和角度，使该球体保持与鼠标的相对位置不变，读取鼠标在界面画布的位置按正确的角度重绘图形；以清空‑移位‑重绘的循环达到实现3D柱状图全方位移动旋转的动画效果；将3D柱状图数据源，宽，高，x轴，y轴，z轴等独立对象化，抽离出参数设置API和变量供使用者调用；通过变量的传入，在图形初始化时读取变量，使得Graphics绘制图形时确定柱形的各项元素，通过相应Event事件调用API调用达到与用户交互的效果；编译打包成一个完整的swf文件，供使用者调用使用。