做数据分析,或向上级工作汇报,提供有价值的数据分析,为其提供决策使用,其中最简单直接,形象明了的就是用图表说明问题了。
现阶段先做一个风险评估系统,通过数据搜集,数据清洗,数据建模,然后把数据分析出的结果通过工具,可视化地展示出来,于是就需要选择一款使用方便,性能优越,扩展性好的可视化工具作为前端技术支撑。
所以接下来我想对比几个不错的图表js框架,以便适合系统业务的需求。
1.highcharts
中文官方网址:http://www.hcharts.cn/
简介:功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库
高端客户:Facebook,twitter,雅虎,VISA,诺基亚,阿里,支付宝,京东,中移动等中外著名企业。
使用难易:用户比较多,简单易用,这个框架的中国社区活跃,比较积极地维护和不断更新着好多实例。如果使用这个框架,往往能在丰富的例子找到类似的表达样图。
2.echarts
中文官方网址:http://echarts.baidu.com/index.html
简介:echarts是百度公司团队的产品,功能及优化一直在持续进行中,国产技术,情理上要支持。总所周知,百度统计做得挺不错的。他们这个echarts也算是用到淋漓尽致。
高端客户:百度系列,联想,华为,当当,新浪新闻,腾讯新闻等一大批国内新兴用户,毕竟是国产的,取得如此成绩已属不易。
使用难易:社区比较活跃,例子也十分多,实用一样方便,特别是echarts3的推出,功能和性能方面都做了很好的改进和优化 。
下面也给出几个图例照看一下:
3. D3.js
中文官方网址:http://c3js.org/
简介:D3 是最流行的可视化库之一,它被很多其他的表格插件所使用。它允许绑定任意数据到DOM,然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格,或是利用它的流体过度和交互,用相似的数据创建惊人的SVG条形图。
高端客户:没找到,不过我相信肯定也有好多高端用户。
使用难易:高效,库里面的组件真的眼花缭乱,国外技术,灌完更提供的是英文文档说明,不过案例丰富,使用起来也不困难,不过,要能把此框架研究好,工作中类似数据可视化功能都可以自己设计和开发,定能独当一面。
下面也给出几个图例照看一下:
其他的数据可视化技术还有很多,比如iCharts,Raw,Chartkick等
了解更多可以访问 30 个最好的数据可视化工具推荐
本人Jerry.Wu,欢迎转载和交流。
而我,鉴于自己项目系统的业务需求,以及在情感上对国产化产品的支持,选择使用百度公司的echarts,特别是echarts3的发布,功能和性能方面的表现,使我更钟意这个工具。