页面JS报表工具上海维度信息技术有限公司张伟轻量级页面JS报表工具•D3•NVD3•HightChart•HightStock•GOJS•地理报表(GoogleMap)轻量级页面JS报表•D3•NVD3•HighChart•HighStock•GOJS•地理报表(GoogleMap)D3D3包括一个强大的地理投影系统,提供更多的投影效果插件:D3.js是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HMTL表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图*SVG:可缩放矢量图形(ScalableVectorGraphics),是一种基于XML的语言,可用于绘制二维图形。它能够快速地呈现图形,因此很自然可用于表示图形这样的数据。报表样例库轻量级页面JS报表•D3•NVD3•HightChart•HightStock•GOJS•地理报表(GoogleMap)NVD3NVD3.JS是一个基于D3.js的开源图表JavasScript类库,它可生成具有交互性的图表,定制性也非常高。它可用于绘制线性图、柱状图、饼图等多种常见的图表类型。它的使用方法也非常简单,如果你正好用过D3.JS,上手是相当容易的。报表样例库轻量级页面JS报表•D3•NVD3•HightChart•HightStock•GOjs•地理报表(GoogleMap)HighChartsHighcharts是一个制作图表的Javascript类库,主要特性:•提示功能:鼠标移动到图表的某一点上有提示信息•放大功能:选中图表部分放大,近距离观察图表•对个人用户完全免费,这一点很重要的•兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等•跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有acanvasemulatorforIE和Jquery类库或者MooTools类库•支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图•易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表•时间轴:可以精确到毫秒•Ajax支持:使用数组接受Ajax传值报表样例库直线图曲线图散状图区域图区域曲线图饼状图柱状图轻量级页面JS报表•D3•NVD3•HightChart•HightStock•GoJS•地理报表(GoogleMap)HighStockHighStock可让你使用纯JavaScript创建股票或者通用的时间线图表报表样例库GoJSDiagrammingSoftwareforHTML5CanvasandJavaScriptbyNorthwoodsSoftware轻量级页面JS报表•D3•NVD3•HightChart•HightStock•GoJS•地理报表(GoogleMap)使用地图报表软件制作报表是通常采用的方法,主流的可以制作地图报表的软件有:Arcgis:Arcgis可以算是地图软件中的鼻祖,也是世界上卖的最好的地图软件Mapinfo:Mapinfo也是主流的地图软件之一。可以通过“创建专题地图”模块创建理想的地图报表,操作过程简单方便。ProAlignProalign是一款老牌的地图报表软件,具有20多年的历史了(在这个行业中也算是大哥级了)。它所在的公司是一家很优秀的地图分析/地图报表的服务提供商。Officemap:Officemap是最近年推出的一款地图报表软件。不像上面三位重量级大哥,它是集成在Excel里的,对于使用M$-Office的公司一族来说是挺方便的;它内置了地图数据和报表模板,对于非专业人士来说省去了数据准备的工作,上手会比较快。销量地图:用于表示不同时间产品在各个市场区域中销量波动的情况。销售分布地图:用来表示产品销售区域、销售门店、售后门店等情况,比较多见于产品介绍、宣传等场合。竞争产品对比图:竞争性产品在市场上的占有情况和市场行为往往对企业产品战略制定十分重要。在地图上对比分析竞争对手和企业自己的产品能够直观地发现企业在市场开发中的薄弱环节。消费者满意指数图:消费者对企业产品是否满意决定了产品在市场中的前途,企业售后部门往往将消费者满意指数作为一项十分重要的考核指标。其他可选的解决方案:Mappoint:微软地图报表产品。该软件构架已经转向地图导航方向,后续地图报表功能的支持可能比较弱。Oracle、Cognos、SAP都有地图报表功能,据说SQLServer2008也加入了地图模块。不过这些都比较大,想专门上马大型的ERP的企业可能会比较看重。网上Excel高手的作品:EP,officehome也有若干。不过总体来说地图数据和报表类型还比较少,针对一些简单应用可能够用。通过谷歌地图进行标注。适合数据量小,且图表类型要求不高的情况。GoogleMapsJavaScriptAPIv3GoogleMapsJavaScriptAPI可让您在自己的网页中嵌入Google地图。此API的第3版是专为移动设备设计的,速度更快,更适用;它同时也适用于传统的桌面浏览器应用。该API提供了大量实用工具用于处理地图(正如网页上的地图),并通过各种服务向地图添加内容,从而能让您在自己的网站上创建功能全面的地图应用。JavaScriptMapsAPIV3是一项免费的服务,在用户可免费访问的任何网站上均可使用GoogleMap-构建基于位置的应用:•为用户提供地方信息为您基于位置的应用配备GooglePlacesAPI,以用于查找附近的各类地方信息。借助GooglePlacesAutocompleteAPI,可在用户输入内容时提供有关附近地方信息的建议,从而帮助他们更快速地找到所需内容。•使用强大的数据库GooglePlacesAPI拥有与Google地图相同的地方信息数据库支持,其中包含超过五千万个商家和兴趣点。该数据库每天都会用经过所有者验证和用户审核的提交信息进行更新。•为用户提供路线您可通过多种方法向自己的应用嵌入Google地图路线。借助DistanceMatrixAPI,用户可找到最佳行车路线以及到达终点所需的时间。使用GoogleMapsAPI中的街景视图可让用户全面查看自己的目的地。•内置个性化服务您可以使用GoogleLatitudeAPI发送快讯、启用服务、创建地理围栏应用以及执行更多操作,从而为与您分享位置信息的用户构建个性化体验。GoogleMap-可视化地理空间数据:创建地理空间数据的互动可视化内容使用GoogleMapsJavaScriptAPIv3创建强大的地图应用。该API可向您提供相关构架,以便向Google地图界面添加大量独特的功能和内容。•在云端可视化您的地理空间数据Google地图引擎是一项革命性的地理空间解决方案,可让您在我们基于云端的安全地图平台上发布自己的地图绘制数据。通过Google地球、Google地图、我们的MapsAPI以及Android设备轻松快速地进行分享。大大降低您的IT成本,并节省维护、扩展以及更新软件和服务器所需的时间。轻松管理在自然灾害发生后等情况下出现的流量高峰,因为Google的云平台可扩展支持增加的用户流量。向您的应用添加3D图像•使用GoogleEarthAPI可向您的应用添加精美的3D建筑物和地形图像。该API包含Google地球桌面客户端的所有重要功能:•查看Google地球图层•叠加KML•创建新型互动航拍GoogleMap-构建适用于移动应用的地图:•性能更出色的应用借助GoogleMapsJavaScriptAPIv3,您可以创建可在台式机和移动平台上多次使用的HTML5应用。该v3API十分轻便,而且在大多数屏幕大小(包括大型设备)上均可获得出色的性能。•向应用添加地方信息环境为您基于位置的应用配备GooglePlacesAPI,以用于查找附近的各类地方信息。PlacesAutocompleteAPI可在用户输入内容时提供有关附近地方信息的建议,从而帮助他们更快速地找到所需内容。•不使用JavaScript嵌入地图借助GoogleStaticMapsAPI,您无需使用JavaScript,即可向您的应用嵌入带有图片标记的网址以创建Google地图图片,同时仍可灵活地向道路或其他地图项添加自定义视觉样式。GoogleStreetViewImageAPI可让您轻松地向自己的应用嵌入静态的Google街景视图全景图,而无需使用JavaScript。结束