您的位置:首页 > Web前端

2个好用的网页图表制作插件echarts和hightcharts

2017-03-11 17:39 316 查看
网页图标的制作较为困难,首先前端的各种特效了就不说了。对各种元素的操作、样式的设计就累够呛。所以推荐2个实用的好用的网页图表插件echarts和highcharts。

官网链接:

echarts

highcharts

echarts是百度研发的,相比较与highcharts的各种坑我就不喷了。只是总结几个坑,以后注意。

echarts的演示界面没有highcharts人性化。在highcharts的HCODE模式下右下角有一个html框用于展示使用这个图表需要的html代码,这echarts中是没有的。也就是说我用了echarts的图表连图表需要的html编写格式都没有参考的。这个在使用echarts时需要把整个图表信息下载下来,然后看他的html代码·。以后多注意(‘冷静’)。

echarts的代码中没有一行注释我想知道为什么?谁能解释一下吗? (百度里的员工都是大神啊,佩服)写代码都不写注释的!

echarts的api就不要看了,下载了demo直接读demo吧,我感觉还能更快点。他的api简直令人发指。一个10分钟就能完成的图表你让我花几个小时去读你的api?还是那么多的函数,参数。(原谅我的浮躁,真心受不了)相比于此,highcharts的文档则要简洁许多。这可能与highcharts的代码中注释有关,你看了注释就差不多了,很少在用去读api的。

调用的js文件请列出来。在highcharts中,所有用道德图表都在演示页面的左上角列了出来,你只需用照样应用就行。echarts就不好意思了,请先下载,然后复制,对了最后告诉你echarts是纯js写的,不看代码还真没注意。highcharts是jq写的。

echarts的文档相比较于highcharts写的真烂。看了就知道了。你一个搞网页图表的,文档里面连图表都没有。而且每一个图表对应的文档都没有。原谅我的无知,原来实用型文档(/手册)可以脱离运用场景去写!

最后不得不说,echarts的图表类型要多一些,不然不会用echarts。

其他的坑正在摸索,我先去踩坑了!哎哟我去,这坑怎么这么深,,,,
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息