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

来源:互联网 发布:淘宝微淘怎么上传图片 编辑:程序博客网 时间:2024/05/22 11:45

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

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

  1. echarts的演示界面没有highcharts人性化。在highcharts的HCODE模式下右下角有一个html框用于展示使用这个图表需要的html代码,这echarts中是没有的。也就是说我用了echarts的图表连图表需要的html编写格式都没有参考的。这个在使用echarts时需要把整个图表信息下载下来,然后看他的html代码·。以后多注意(‘冷静’)。
  2. echarts的代码中没有一行注释我想知道为什么?谁能解释一下吗? (百度里的员工都是大神啊,佩服)写代码都不写注释的!
  3. echarts的api就不要看了,下载了demo直接读demo吧,我感觉还能更快点。他的api简直令人发指。一个10分钟就能完成的图表你让我花几个小时去读你的api?还是那么多的函数,参数。(原谅我的浮躁,真心受不了)相比于此,highcharts的文档则要简洁许多。这可能与highcharts的代码中注释有关,你看了注释就差不多了,很少在用去读api的。
  4. 调用的js文件请列出来。在highcharts中,所有用道德图表都在演示页面的左上角列了出来,你只需用照样应用就行。echarts就不好意思了,请先下载,然后复制,对了最后告诉你echarts是纯js写的,不看代码还真没注意。highcharts是jq写的。
  5. echarts的文档相比较于highcharts写的真烂。看了就知道了。你一个搞网页图表的,文档里面连图表都没有。而且每一个图表对应的文档都没有。原谅我的无知,原来实用型文档(/手册)可以脱离运用场景去写!
  6. 最后不得不说,echarts的图表类型要多一些,不然不会用echarts。

    其他的坑正在摸索,我先去踩坑了!哎哟我去,这坑怎么这么深,,,,

0 0
原创粉丝点击