数据可视化技术及应用

网上下 载shp格 式地图
Uig进行 地图编 辑
AnyChart Map Converter
页面上 调用
3.数据可视化技术应用
计量可视化中地图应用
3.数据可视化技术应用
D3中技术货架应用
ቤተ መጻሕፍቲ ባይዱ
3.数据可视化技术应用
D3中技术货架应用
一．数据可视化概述
二．数据可视化开发工具介绍
三．数据可视化技术应用
3.数据可视化技术应用
离线百度地图
很多项目中的应用都需要离线使用，百度地图在 地理信息展示上具有良好的表现，所以考虑使用 离线百度地图。
1.通过地图下载器下载离线百度地图 2.下载百度离线API等开发所需的js，修改其中 的图片和标记的读取路径，使其从本地读取。
数据可视化技术及应用
2014年4月
目 录
一．数据可视化概述
二．数据可视化开发工具介绍
三．数据可视化技术应用
1.数据可视化概述
可视化（Visualization）是利用计算机图形学和图像处理技术，将数据转换成图形或图像在 屏幕上显示出来，并进行交互处理的理论、方法和技术。它涉及到计算机图形学、图像处理 、计算机视觉、计算机辅助设计等多个领域，成为研究数据表示、数据处理、决策分析等一 系列问题的综合技术。
3.数据可视化技术应用
离线百度地图在南网决策支持营销域中应用
3.数据可视化技术应用
Raphael介绍
Raphael 是一个用于在网页中绘制矢量图形 的 Javascript 库。它使用 SVG W3C 推荐标 准和 VML 作为创建图形的基础，你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂 的柱状图、饼图、曲线图等各种图表，还可以 绘制任意形状的图形，对图表或者图像进行缩 放、平移和旋转等操作。 浏览器支持：IE、chrome、FireFox
目 录
一．数据可视化概述 二．数据可视化开发工具介绍 三．数据可视化技术应用
2.数据可视化工具介绍 报表类如JReport，Excel，水晶报表等。
BI分析工具如BO，BIEE, Yonghong Z-Suite等。
主要介绍：
1.离线百度地图
2.Raphael 3.Anychart 4.d3
目 录
3.数据可视化技术应用
离线百度地图原理
百度地图由多张瓦片组成的，每次新图片请求都 是往后台传递当前的放大等级和图片xy编码 http://online3.map.bdimg.com/tile/?qt=tile&x=16 48&y=547&z=13 通过修改离线API中图片请求的路径，将其指向 本机的servlet，通过servlet将图片传输到前台， 进行地图的展示 /gdcs/Getpng?qt=tile&x=767&y=160&z=12
3.数据可视化技术应用
地图绘制
1.直接用raphael绘制：适合简单的小图形比如气泡
2.通过网上下载，进行一定处理再使用
网上下 载shp格 式地图
Uig进行 地图编 辑
ArcGIS 导出svg 文件
页面上 调用
3.数据可视化技术应用
Raphael在网公司决策支持营销域中应用展示
3.数据可视化技术应用
将海量数据进行抽取 、度量、分析进行高 效展现，为及时掌握 全局动向和应对突发 事件提供有效保障。 利用多维交互式报表 、三维图形、大屏投 影等高新技术，通过 多维视角观察数据形 态，显著提升对信息 的认知。
高效
直观
通过制定可视化标 准体系，实现可视 化展现规范统一
标准
丰富
从大屏投影到普通 PC桌面、Web网 再到移动终端，接 收信息不受时间、 空间限制。
Raphael在计量可视化中应用展示
3.数据可视化技术应用
AnyChart介绍
AnyChart是一款基于Falsh/JavaScript的图表 控件，可创建跨平台的交互式图表和仪表。 图表样式支持饼图、条形图、折线图、仪表图 、地图等。 使用XML作为其数据接口。
3.数据可视化技术应用
地图获取
Anychart所需的map格式为.amap 需要对视频格式的文件进行转换获得
3.数据可视化技术应用
Raphael部分常用方法
页面中引入raphael.js 创建画布var paper = new Raphael(); 画布上进行图形绘制： 图形绘制：var MO = paper.path() 添加字体：var pl=paper.text() 缩放：MO.transform() 平移：translate()