技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

网站/报表作图4大插件 echarts/highcharts/amcharts/FusionCharts

作者:admin    时间:2016-3-28 16:20:38    浏览:

很多网站尤其是需要统计报表类的网站,都要作图,因此,作图插件越来越受欢迎。根据用户的各种需求,这些插件也在不断开发扩展功能,应用范围越来越广。而在众多的作图插件中,国内使用人数最多、最受欢迎的无疑是百度开发的echarts和挪威的highcharts了,此外,FusionCharts、amcharts等也有大批用户使用。

今天,我们就来看看这几款插件吧。

1、echarts

网页作图插件中,由百度开发的echarts,由于提供详尽的中文文档,各种图例也更符合国人需要,因此,多数人都选择echarts插件来作图,其中包括cnzz的“增值服务”统计图

cnzz“增值服务

cnzz“增值服务"使用echarts作图

echarts目前可做15种图形,包括: 散点图、折线图、柱状图、地图、饼图、雷达图、K线图、箱线图、热力图、关系图、矩形树图、平行坐标图、桑基图、漏斗图、仪表盘。

echarts各种图例

echarts各种图例(点击图片放大)

echarts有非常详尽的使用文档、教程、配置手册,配有大量的实例,简单易懂,无须花太多时间研究就能照着例子作出自己需要的图来。

echarts地址:http://echarts.baidu.com/

2、highcharts

highcharts可以说是一款优秀的老牌作图插件了,在国内外都有非常多的用户。监控宝作图使用的便是highcharts。

highcharts的图例非常丰富,比百度的echarts丰富很多,基本适合各种各样的需要。它分为三大类:Highcharts、Highstock、Highmaps,其中Highcharts包含线状图、柱状图、饼状图、混合图等等起码几十种;Highstock包含证券类图形,种类非常多,有几十种,而百度的echart只有一种K线图;Highmaps则是世界地图,baidu的echarts是国内地图。

highcharts图例

highcharts图例(点击图片放大)

highcharts配有详尽的使用文档和实例,使用也很简单,很容易上手,不过,Highcharts没有中文文档,对于那些E文恐惧症的人来说,可能不太愿意接触。

不得不说的是,highcharts还包括一个其他作图插件不能匹敌的功能,那就是 Highcharts Cloud(Highcharts 云服务)。

Highcharts云服务提供简单便捷的方法生成可视化图表,用户不再需要编程基础,只需要复制数据即可生成漂亮,可定制的图表。云服务提供图表生成,托管,分享等功能。

主要特点:强大交互性、强大的分享功能、响应式。

Highcharts 云服务

highcharts地址:http://www.highcharts.com/

3、amcharts

amcharts这个作图插件,也算比较老牌了,2010年监控宝网站刚成立时就是用这个款插件来作图的,而现在,搜狗联盟还用这款插件来作统计图,可见其用户之多。

amcharts是一个利用Flash生成chart图的插件,amCharts分为四类chart图:Flash charts、Flex charts、WPF&Silverlight  charts和Flash maps,可见其能生成的chart图是非常丰富多样的。详见介绍amCharts,一款值得推荐的Flash charts图插件

amcharts作图同样可分为三大类:普通图形、证券图和地图。

amcharts作图

amcharts作图(点击图片放大)

 amcharts同样有很详细的使用教程和实例,不过都是英文网页。

amcharts地址:https://www.amcharts.com/

amcharts教程地址:https://www.amcharts.com/tutorials/

4、FusionCharts

FusionCharts是一款非常优秀的、使用非常广的作图插件,它是一款以Flash为载体的图形插件,因此,它可以设计出非常丰富且动感十足的动态图形来,深受欢迎。cnzz旧版就是用此款插件来作图的,还有卡卡测速网www.webkaka.com的统计图也是用它来设计的。

FusionCharts作图

FusionCharts作图(点击图片放大)

 FusionCharts能够做出非常丰富的图形,由于其使用flash作图,因此,可以设计出各种3D动态图片来,这是其他作图插件不所具备的优点。因此,对于那些要求制作出3D动态效果图的网站来说,FusionCharts绝对是最佳的选择。

如果需要鼠标与图形做一些交互,例如放大缩小图形,拖动图形,旋转图形等,那么FusionCharts都能满足你的要求。

此外,FusionCharts同样能作出世界各大洲地图的图表。

总之,如果你想轻易就制作出动态的、或3D效果的、或需要交互的图形,那么FusionCharts将是你的不二选择。

FusionCharts地址:http://www.fusioncharts.com/

标签: 编程  图表插件  
  • IT热文
  • 站长推荐