快捷搜索:  汽车  科技

javascript实现动态统计图(三款顶级Javascript图表图形类库介绍和比对)

javascript实现动态统计图(三款顶级Javascript图表图形类库介绍和比对)轻量级:核心336k,压缩后151k,适合开发高性能的应用优雅漂亮: 生成漂亮并且优雅的图形图表,绝对超越其它图形类库提供的图形D3.jsMike Bostock开发的D3.js几乎成为了数据可视化的代名词,它基于现代浏览器标准,并且提供了图形渲染的完整控制优点如下:

Javascript包含了很多开源并且免费的图表类库, 在今天这篇文章中,我们将介绍三款最顶级的Javascript图表类库,包括:

D3.js

Highcharts

FusionCharts

D3.js

javascript实现动态统计图(三款顶级Javascript图表图形类库介绍和比对)(1)

Mike Bostock开发的D3.js几乎成为了数据可视化的代名词,它基于现代浏览器标准,并且提供了图形渲染的完整控制

优点如下:

优雅漂亮: 生成漂亮并且优雅的图形图表,绝对超越其它图形类库提供的图形

轻量级:核心336k,压缩后151k,适合开发高性能的应用

高度自定义:它并不提供一些直接使用的功能, 但是通过优化的数据操作,可以自定义出任何你想实现的效果

Highcharts是另外一个非常流行的图标类库,除了基础的图表以外,它还包含了股票图和地图等等

优点如下:

类库大小:超轻量级,并且性能非常好,支持所有浏览器,但对于不同设备性能不太一样

社区支持:开源并且非商用免费,如果遇到问题,可以去stackoverflow和自带论坛求教

价格: 初始价格对于个人开发者或者小团队来说价格很低

浏览器支持: 对于highcharts来说,这绝对是一个优点,老式浏览器和现代浏览器都支持的非常好

缺点如下:

个人支持:主要问题是个人支持, 一般的问题好解决,但是一旦遇到了关键问题,个人支持非常有限

支持图形: 支持图形相对于fusioncharts来说,比较少

在线代码及演示:http://www.gbtags.com/gb/rtreplayerpreview/979.htm

Fusioncharts

javascript实现动态统计图(三款顶级Javascript图表图形类库介绍和比对)(2)

很牛X的图表类库,基本世界500强大部分都在使用, 提供了不同的包: 图标, 组件,地图等等,你可以购买自己需要滴

优点如下:

支持不同类型图表: 如果需要各种类型图标, Fusioncharts都没有问题,提供了90多种图表和965种地图,很多你能想到的视觉图形都有

自定义并且有实际例子:自定义非常简单,包含了很多直接可以使用的例子。 并且拥有很大的库

封装器和插件: 提供了官方的封装器和插件,所以有非常好的支持

浏览器和设备支持: 支持所有浏览器(IE6)和设备

高级特性: 提供了很多高级特性,宏,可编辑图表

个人支持:得到的支持非常快

缺点如下:

体积: 非常重,如果是基于web的应用会成问题,但是App会好些

价格: 价格相对于前面有些贵,如果你比较关心价格,可能考虑前面的更好

在线代码及演示:http://www.gbtags.com/gb/rtreplayerpreview/980.htm

除了上面的顶级类库,国产百度的echart,也不错,而且母语文档和支持,使用也是非常方便,虽然功能相对于上面的顶级图表来说还相对较弱,大家可以自己衡量利弊,感谢阅读~~

尊重我们的干货,请在极客标签留下您的高水平发言~~~ ^_^

猜您喜欢: