刘长娥

摘要：数据可视化将大量数据映射成图形，从而以更加直观、清晰的表达方式传递数据信息。该文对Web应用领域中经常用到的几种典型的数据可视化组件进行了深入分析；在归纳总结这些典型组件优劣的基础上，详细描述了数据可视化库D3，并使用D3实现了某企业员工人物关系网的数据可视化。

关键词：数据可视化；Echarts；Highcharcs；D3.js

中图分类号：TF311 文献标识码：A 文章编号：1009-3044（2017）18-0007-02

随着大数据时代的蓬勃发展，每天都会产生海量数据，对数据的处理能力和使用仅仅通过单一的文本数据的表达方式和分析手段已经不能满足人们的要求。数据可视化技术应运而生，它以人们容易理解和接受的图形图像形式直观地把晦涩难懂的传统数据表达出来，极大地加快了人们对数据的吸收、消化能力，提高理解交互力度。

随着近年来Web应用的快速发展，数据可视化的范围和能力也在不断随着Web的应用而不断延伸，数据可视化技术应用于Web环境下，必然能够促进Web应用在传播大量数据、交互速度快等方面有更大的提升，成为目前Web应用领域开发的热点。

1 Web应用中数据可视化技术

Highcharts图表组件是一个JavaScript脚本编写的图表库，并且开源和免费。目前Highcharts5.0.7支持面积图、散点图、仪表图、雷达图、金字塔图等19种不同类型的图表。Highcharts适用于多种浏览器（包括IE6及以上、Chrome等），并支持对移动端浏览器操作。Highcharts是以SVG为底层绘图语言，它输出的图形是矢量图形，显示品质高。Highchans拥有完整的实例演示、功能介绍及详细的API文档，一般开发人员非常容易实现，但是，有限的图表类型及图表与用户交互性欠缺是Highcharts不能令人满意的方面。……