轩枫阁

首页 / 程序人生 / 资讯 / 7款主流JavaScript/HTML5图表控件对比评测

7款主流JavaScript/HTML5图表控件对比评测

前言

随着各行各业的发展,对于数据处理,数据可视化都有了不同的需求,根据自己的实际情况,选择一款实用的图表制作工具,显得尤为重要,这里选择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端都表现不错,值得推荐。

官网:http://echarts.baidu.com/

参考

参考自:8款主流JavaScript/HTML5图表控件对比评测

相关文章

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]