主流图表组件调研总结

前段时间因为公司需要，我对主流图表做了一次选型调查，感觉收获不少，在这分享出来供大家参考。

 

• Fusioncharts

Fusioncharts成立于2002年印度，提供图表、仪表和地图的组件化产品，支持flash和html5技术，以其丰富的图表类型和炫丽的效果出名。官方声称兼容基本上所有的浏览器以及移动平台。各种图提供了2D和3D支持，用户可以任意选择，支持XML和JSON两种数据源格式。

 

 

Fusioncharts提供了四种不同的产品组件，每种组件支持的图形不同，每种组件单独报价：

①FusionCharts XT支持常用的图表饼、柱、条形、面积、线、堆叠和组合图；

②FusionWidgets XT支持更高级的图比如指标刻度盘图表、线性仪表,甘特图、漏斗图表、微线图和数据流列、行和面积图；

③PowerCharts XT适用于小领域的特殊图表，比如特定的网络图,性能分析、利润损失分析、财务规划、股票价格绘图和层次结构图等；

④FusionCharts Maps XT如其名就是支持各种地图的图表工具。

FusionCharts提供了多种license报价，除了OEM版，在这里都可以查看。同时FusionCharts也提供了一个free版本，与收费版相比图表类型较少并且有很多功能受到限制，而且还有明显的中文BUG（y轴标题无法显示中文，x轴无法竖直显示中文），具体区别可以在这里查看到。

FusionCharts的客户非常广，因为其业界名气确实不容小视，下图只是一部分企业的客户信息，全是巨头...

 注：FusionCharts在饼状图大数据量渲染上面有一定的性能问题，我亲身测试500条数据3D饼图需要渲染近18秒，1000条需要38秒。不过我想也没用户拿几百条数据让饼图显示吧。

 

 

 

 

• AnyChart

Anychart成立于2003年美国，同样提供图表、仪表和地图的组件化产品，支持flash，目前最新版6.0刚刚开始支持html5，图表丰富，炫丽效果略逊于fusioncharts。支持在所有主流的桌面浏览器显示，比如Chrome, Safari, Firefox, Internet Explorer 和Opera。同时支持在主流的移动平台浏览器显示：Android (2.2+) 和 iOS (iPhone, iPad, iPod Touch)。支持XML数据源格式。

 

Anychart同样提供了四种不同的产品组件，每种组件支持的图形不同，每种组件单独报价。

①anychart该组件支持的图类型约等于(FusionCharts XT+FusionWidgets XT-甘特图)

②anyStock类似于PowerCharts XT，用于股票金融的图表

③anyMap类似于FusionCharts Maps XT，用于地图的图表

④anyGantt如其名就是专注于做甘特图的组件

AnyChart同样支持多种收费模式，OEM需要主动联系官方，或者可以找中国区的代理商购买。

那么AnyChart因为其图表丰富、支持面广，也赢得了不少大企业的青睐。

虽然没有FusionCharts那么华丽，但是经我测试，从渲染效率上要更高一些。

 

 

 

 

• Highcharts

Highcharts是纯JavaScript编写的图表库,给你的web站点或web应用程序提供了直观的、交互式图表。Highcharts目前支持线、样条曲线、面积、区域图、柱、条形、饼状和散射图表类型。Highcharts在业界名气也较大，其图形展示效果也很不错，纯js编写让js开发人员用起来很顺手。

Highcharts具有以下特点：

①兼容性：适用于所有现在主流浏览器以及iPhone / iPad和Internet Explorer 6以上版本。标准的浏览器使用SVG图形渲染。在遗留Internet Explorer图形绘制使用VML

②非商业使用免费：对个人网站、学校站点和非盈利组织完全免费，商业系统需要购买lisense;

③开源：不管是免费还是收费都开源，并且你可以自主修改源码来满足自己产品的扩展需求；

④纯Javascript：这个不用多说，纯js编写，纯js调用，不依赖任何插件，性能罡罡的；

⑤丰富的图表：主流的图表都支持（要是有仪表、甘特图就更好了）；

其它特点：语法配置简单、动态、支持复杂图表、导出图片/PDF/SVG以及打印等等。

Hightcharts的大客户也非常多：IBM, NASA（美国航天局）, Siemens, HP, EMC, CBS, Hitachi（日立）, Ericsson（爱立信）, BMW, Nissan, Sony, Fujitsu（富士通）, Citi（花旗）, Rabobank, RIM, BBC, Financial Times and MasterCard（万事达）。

 

 

 

 

 

• amChart

amCharts是一个致力于图表组件开发的公司，公司地址在立陶宛首都维尔纽斯，2004年开始推出图表和地图组件。amCharts提供了基于javascript/HTML5、Flex和WPF&silverlight三种平台技术的图表组件，同时也提供了flash和flex的地图组件。amCharts用得比较多的是JavaScript charts，目前版本是2.x，由javascript/HTML5实现，在版本1.x时是由flash实现。

你可以免费下载并使用一切Amcharts产品，但免费版有一个限制，会在图表的左上角显示该网站的链。如果你想移除这个链接，可以购买一个商业许可。目前amcharts提供三种lisense，OEM版价格仅999欧元。

 

 

 

 

 

• Xml/Swf Charts

 

Xml/Swf Charts(以下简称xsc)是一个简单,但功能强大的工具，用XML来创建有吸引力的图表和图形，生成的图形是flash渲染的。初次接触xsc会有一种很兴奋的感觉，因为当你去查看xsc实例会被各种炫丽的效果所吸引！xsc的数据源来自于xml，开发人员只需要进行少量的配置即可展现自己需要的图表。官方提供的API也很全面详细，不知道的内容可以去官网搜寻到。xsc支持柱状、条状、线形、饼状、点状、面积、雷达图等，提供了很多3D效果并且可以转动，但是具体图的种类在实例中不多。

xsc官方声称可以免费下载和使用，但是免费的图表只要一点击就会跳转到官网，这个非常恶心，所以如果对它有兴趣的还是给钱买吧。官方lisense非常便宜，39刀单并发，499刀无限制使用。

 

 

 

 

• Flotr2

Flotr2是一个基于Javascript/HTML5的图表组件，使用Canvas绘制的图形库，它是flotr的分支，扩展成更高级丰富的图表。flotr2是一个不依赖任何插件独立的库，目前支持线、柱、条形、烛台、馅饼和气泡式图表。支持旧版本的浏览器如IE6和移动平台。

flotr与flotr2都是开源免费项目，用户可以随意扒项目使用，个人没有用过flotr2，就不评论好坏了，但是从图表丰富程度来看flotr2确实已经做得很不错了。

 

 

 

 

 

• Open Flash Chart 2

Open Flash Chart相信很多人知道这个产品（简称ofc2），专注做flash图表的产品，在免费图标领域中做得非常成功，有很多衍生出来的开源社区和产品（比如ofcgwt和国内的ajofc）。ofc2在v1版本基础上做了更多的优化并且提供了JSON的支持，目前ofc2支持柱状、条形、线形、饼状、区域、雷达图等。

ofc2完全开源免费，用户可以去官网下载使用，在免费产品领域我个人强烈推荐这款产品。

 

 

 

 

 

 

• jqplot

jqplot是一款基于Javascript的图表组件库，官方测试在IE 7, IE 8, Firefox, Safari, and Opera浏览器下均能正常使用，支持柱状、线状、气泡和饼状图，支持局部扩大。jqplot在免费图表界也很出名。jqplt官方API也很不错，开发人员能根据文档快速上手。

 

 

 

 

 2014年5月27日更新

推荐两款国产图表：iChartjs和echarts，则两款都是基于HTML5的图表组件。尤其echarts，是由百度团队开发的免费图表产品。

 

 

• 总结

开源免费的图表组件总体问题是图表不丰富、效果不炫丽；

从flash与html实现技术相比，flash明显比html要好看；

从浏览器兼容角度分析，大多客户会安装flash插件，所以flash图表在PC上不存在兼容性问题（但是移植到移动平台会存在问题）；

从长远发展方向分析，HTML5必然会成为未来发展趋势；

从性能上看，Flash依赖swf容器，占用内存明显比HTML高，在选择图表的时候，一定要测试一下内存占用，撸主现在被自己选择的图表组件折腾惨了！（一般内存问题在IE下会很常见，其他浏览器相对稳定）；

另外Flash有一个问题很难控制就是“安全”问题，Flash是有安全沙箱来控制访问安全性的，往往有时候http能访问，而https却不能，所以某些问题很难定位。

 

要我再选择用什么图表，我会选择HTML5/Javascript！

评论

2 楼 java爱好者92 2015-01-21  

谢谢分享，我还用过帆软报表来做图表，也挺不错的~

1 楼 skeely1234 2014-02-27  

感谢分享~