数据可视化工具-8款主流JavaScriptHTML5图表控件对比评测.doc

数据可视化工具8款主流JavaScript/HTML5图表控件对比评测随着各行各业的发展，对于数据处理，数据可视化都有了不同的需求，根据自己的实际情况，选择一款实用的图表制作工具，显得尤为重要，今天小编就为大家整理了8款主流JavaScript/HTML5图表控件，从基本功能到产品特性，再到服务技术支持，全方位对比，帮助有需要的朋友能够快速准确找到自己所需要的产品。这10款产品分别是：FusionCharts Suite XT、HighCharts、Google Chart Tools、Sencha ExtJS Charts、Chart.js、Flot、jqPlot第一章对这十款JavaScript/HTML5图表进行总括性对比，让大家对他们有一个基本概念；第二章就是他们的功能对比，该图表详细的功能特征，可以帮助你进一步选择自己合适的图表；第三章我们将对这些产品中的图表类型进行罗列。 一、图表库概况与产品服务对比特征FusionChartsHighChartsGoogle ChartToolsSencha ExtJS ChartsChart.jsFlotjqPlot概要出色网络、移动应用程序JS图表网络项目中的交互式JavaScript站点实时数据显示免费插件图表(只有部分extJS框架)简单，面向客户端图形的设计者和开发者支持jQuery绘画的JS万能，可扩展的jQuery插件首发时间2002200920072011201320072009图表展示应用SVG和VML的JS/HTML5图表应用SVG和VML的JS/ HTML5图表应用SVG和VML的HTML5图表应用SVG和VML的JS图表基于图表的Canvas应用Canvas和VML的 Canvas和VML图表运用Canvas的HTML5图表数据输入格式JSON和XMLJSONJS APIJS APIJS APIJS APIJS API浏览器支持所有wed、移动浏览器，包括IE6所有wed、移动浏览器，包括IE6所有wed浏览器、移动浏览器，包括IE6所有web浏览器，移动浏览器需要使用Sencha Touch所有wed浏览器、移动浏览器，包括IE6E 6+, Chrome, Firefox 2+, Safari 3+和Opera 9.5+IE 7, IE 8, Firefox, Safari和Opera图表和地图类型90多种2D、3D图表类型，950种以上所有大洲、美国国家和地区、欧洲国家以及其他地区地图生成25类以上2D地图，不支持3D图表13种2D地图可作为 GeoChart使用13种2D地图，不支持3D图表6种图表类型8种2D图表类型，不支持地图和3D图表25种类型以上的2D图表，不支持3D图表和地图源代码是否可供下载和修改是是是是是是是授权有收费版，也有免费版非商用版使用免费免费只能是部分Sencha Touch捆绑包或者Sencha完整包使用MIT下授权免费免费GPL和MIT帮助文档1500多页的帮助文档，包含新手指南，详细的API参考，综合示例，高级功能辅导性解释新手指南，详细的 API参考，简单例子新手指南，详细的 API参考，简单例子新手指南，API参考新手指南，API参考新手指南，API参考新手指南，API参考是否带源代码演示功能是。众多的即插即用真实演示与源代码可供下载无较少是。有丰富的演示无无无保修升级服务个性化技术支持，20000多位活跃用户论坛供交流个性化技术支持讨论组个性化技术支持和论坛交流讨论组讨论组讨论组用户21000多位客户，450000多位发者N/AN/AN/AN/AN/AN/A团队规模6010N/AN/A111由此可见，JavaScript/HTML5图表中，在总体情况比较和服务技术支持这一块，FusionCharts Suite XT还是比较值得推荐的，当然要根据具体情况选择。（二）图表功能对比说明：“”表示支持，“-”表示不支持。特征FusionChartsHighChartsGoogle Chart ToolsSencha ExtJS ChartsChart.jsFlotjqPlot动画支持，默认关闭需要附加代码向下钻取可在数据或Java Script代码中配置，Linked-Charts使多层次钻取更容易通过JavaScript代码通过JavaScript代码通过JavaScript代码-通过JavaScript代码通过JavaScript代码工具提示-需要附加代码图例有。交互式数据系列展示/隐藏，溢出条件滚动条-缩放支持。支持定位-滚动/镜头移动-横坐标轴标签管理智能x轴标签管理，避免重叠的标签，自动旋转标签，覆盖标签，为长标签添加省略号。支持旋转和步进不可用，没空间可用时，标签重叠后很凌乱-多轴-数字格式化属性内置调色板，通过数据中属性进一步定制-调色板和主题支持，可完全使用的成分颜色、比率、阿尔法和角度代码中运用附加 JSON主题文件或属性代码中运用属性运用SASS和Compass代码中运用属性代码中运用属性代码中运用属性渐变-趋势线-需要附加插件是否支持图表输出jpg、png、fdp支持。PDF可以使用托管出口处理程序或者自处理-canvas部分支持，FPD支持不可用canvas部分支持，FPD支持不可用原生jQuery集成是。通过Fusion Charts jQuery插件集成是第三方/社区贡献否否是是JS展示的图表与数据-服务器端api易于集成,无需JS代码是，支持ASP.NET、PHP、ASP、Java、Rubyon Rails等第三方/社区贡献是否否否否自定义有标签在X轴展示时间表/信息垂直线-附加说明FusionCharts提供不同图表类型附加功能在此处没有列出JavaScript文件直接从google服务器加载。所以你的应用必须联网才可留来图表运用Canvas绘画图表，所以不提供任何交互根据自己的实际情况，选择一款功能强大的数据可视化工具是相当重要的，图表功能越多，对于数据的处理越是精细，我们数据分析中得到的信息就越多，因此在功能对比这项，毫无疑问FusionCharts Suite又得头魁。（三）表类型对比说明：“”表示支持，“-”表示不支持。特征FusionChartsHighChartsGoogle Chart ToolsSencha ExtJS ChartsChart.jsFlotjqPlot概览90多种2D、3D图表类型，950种以上所有大洲、美国、国家和地区、欧洲国家以其他地区地图等25类以上2D地图，不支持3D图表13种2D地图可作为GeoChart使用13种2D地图，不支持3D图表6种图表类型8种2D图表类型，不支持地图和3D图表25种类型以上的2D图表，不支持3D图表和地图柱形图支持2D和3D支持2D支持2D支持2D支持2D支持2D支持2D条形图支持2D和3D支持2D支持2D支持2D-支持2D支持2D折线图支持。可缩放、滚动、定位支持。可缩放、定位支持。不可缩放、定位支持。不可缩放、定位支持支持。不可缩放、定位支持。不可缩放、定位面积图支持。不可缩放、定位饼形图&环形图支持。可相互旋转的2D和3D图支持2D支持2D和3D支持2D支持2D支持2D散点图&气泡图支持。通过在散点图交互选项选择可视数据点支持。可交互缩放只支持散点图，气泡图不可用支持2D支持散点图叠加图支持。100%重叠支持-帕累托图-阴阳线/股票图-速度计/表盘图-漏斗/金字塔图支持。2D和3D支持。无金字塔图-细分市场份额矩阵图-子弹图-甘特图-瀑布图-微型柱形图，输赢图-弃用-带滚动功能图表支持。可在所有柱形图，折线图，面积图，叠加图和组合图中滚动-可定位，其他不支持-跨多轴组合柱、线、面积图图支持。包括3D柱形图-线性&灯泡仪表图-温度计和汽缸图表-热力图-日志和逆轴图表-曲线图误差棒&散射图表-极坐标图-雷达图-网络仿真节点图、组织图-允许拖放的视觉可编译图表支持。柱形图，面积图，折线图可用-附加图表类型支持误差棒&散点图、盒形图&须状图、多层次派、Kagi图风力图Treemap图、面积图、表格图表/网格排位金字