网站/报表作图4大插件 echarts/highcharts/amcharts/FusionCharts
作者:admin 时间:2016-3-28 16:20:38 浏览:很多网站尤其是需要统计报表类的网站,都要作图,因此,作图插件越来越受欢迎。根据用户的各种需求,这些插件也在不断开发扩展功能,应用范围越来越广。而在众多的作图插件中,国内使用人数最多、最受欢迎的无疑是百度开发的echarts和挪威的highcharts了,此外,FusionCharts、amcharts等也有大批用户使用。
今天,我们就来看看这几款插件吧。
1、echarts
网页作图插件中,由百度开发的echarts,由于提供详尽的中文文档,各种图例也更符合国人需要,因此,多数人都选择echarts插件来作图,其中包括cnzz的“增值服务”统计图
cnzz“增值服务"使用echarts作图
echarts目前可做15种图形,包括: 散点图、折线图、柱状图、地图、饼图、雷达图、K线图、箱线图、热力图、关系图、矩形树图、平行坐标图、桑基图、漏斗图、仪表盘。
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没有中文文档,对于那些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地址:https://www.amcharts.com/
amcharts教程地址:https://www.amcharts.com/tutorials/
4、FusionCharts
FusionCharts是一款非常优秀的、使用非常广的作图插件,它是一款以Flash为载体的图形插件,因此,它可以设计出非常丰富且动感十足的动态图形来,深受欢迎。cnzz旧版就是用此款插件来作图的,还有卡卡测速网www.webkaka.com的统计图也是用它来设计的。
FusionCharts作图(点击图片放大)
FusionCharts能够做出非常丰富的图形,由于其使用flash作图,因此,可以设计出各种3D动态图片来,这是其他作图插件不所具备的优点。因此,对于那些要求制作出3D动态效果图的网站来说,FusionCharts绝对是最佳的选择。
如果需要鼠标与图形做一些交互,例如放大缩小图形,拖动图形,旋转图形等,那么FusionCharts都能满足你的要求。
此外,FusionCharts同样能作出世界各大洲地图的图表。
总之,如果你想轻易就制作出动态的、或3D效果的、或需要交互的图形,那么FusionCharts将是你的不二选择。
FusionCharts地址:http://www.fusioncharts.com/
- 站长推荐