前言
随着各行各业的发展，对于数据处理，数据可视化都有了不同的需求，根据自己的实际情况，选择一款实用的图表制作工具，显得尤为重要，这里选择8款主流JavaScript/HTML5图表控件，从基本功能到产品特性，再到服务技术支持，全方位对比，帮助有需要的朋友能够快速准确找到自己所需要的产品。
这7款产品分别是：FusionCharts Suite XT、HighCharts、Google Chart Tools、Sencha ExtJS Charts、Chart.js、Flot、jqPlot
图表库概况与产品服务对比
7款JavaScript/HTML5图表总括性对比
| 特征 | FusionCharts | HighCharts | Google ChartTools | Sencha ExtJS Charts | Chart.js | Flot | jqPlot |
| 概要 | 出色网络、移动应用程序JS图表 | 网络项目中的交互式JavaScript | 站点实时数据显示 | 免费插件图表(只有部分extJS框架) | 简单，面向客户端图形的设计者和开发者 | 支持jQuery绘画的JS | 万能，可扩展的jQuery插件 |
| 首发时间 | 2002 | 2009 | 2007 | 2011 | 2013 | 2007 | 2009 |
| 图表展示 | 应用SVG和VML的JS/HTML5图表 | 应用SVG和VML的JS/ HTML5图表 | 应用SVG和VML的HTML5图表 | 应用SVG和VML的JS图表 | 基于图表的Canvas | 应用Canvas和VML的 Canvas和VML图表 | 运用Canvas的HTML5图表 |
| 数据输入格式 | JSON和XML | JSON | JS API | JS API | JS API | JS API | JS API |
| 浏览器支持 | 所有wed、移动浏览器，包括IE6 | 所有wed、移动浏览器，包括IE6 | 所有wed浏览器、移动浏览器，包括IE6 | 所有web浏览器，移动浏览器需要使用Sencha Touch | 所有wed浏览器、移动浏览器，包括IE6 | E 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/A | N/A | N/A | N/A | N/A | N/A |
| 团队规模 | 60 | 10 | N/A | N/A | 1 | 1 | 1 |
由此可见，JavaScript/HTML5图表中，在总体情况比较和服务技术支持这一块，FusionCharts Suite XT还是比较值得推荐的，当然要根据具体情况选择。
图表功能对比
介绍该图表详细的功能特征，可以帮助你进一步选择自己合适的图表
说明：“√”表示支持，“-”表示不支持。
| 特征 | FusionCharts | HighCharts | Google Chart Tools | Sencha ExtJS Charts | Chart.js | Flot | jqPlot |
| 动画 | √ | √ | 支持，默认关闭 | √ | √ | 需要附加代码 | √ |
| 向下钻取 | 可在数据或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又得头魁。
图表类型对比
对这些产品中的图表类型进行罗列
说明：“√”表示支持，“-”表示不支持。
| 特征 | FusionCharts | HighCharts | Google Chart Tools | Sencha ExtJS Charts | Chart.js | Flot | jqPlot |
| 概览 | 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图、面积图、表格图表/网格 | 排位金字塔图、Engel&洛伦茨曲线、多层次派、街区平面图 |
Echarts
上面的内容中，没有提到这个优秀的图表组件，来自百度的ECharts，功能是非常强大的，手机端和PC端都表现不错，值得推荐。
谢谢博主，博主太好人了
沙发，板凳都没偶的份了。