用最科学的方法展示最形象的图表——前端数据可视化实践

前言

也许很多人都会觉得奇怪，在这样一个更多以后台数据分析为主的公司，为什么需要一个专注于前端的团队？今天这篇文章就来讲述那些年我们错过的前端数据可视化，以此来解答这个问题。

需求

那么，在我们的项目中是如何实现数据可视化的呢？下面以这样一个需求开始我们的讲解：我们需要向用户展示目前用户产品的风险情况，有没有风险产生、产生于何地、是否被拦截等信息。

最终效果图：

技术选型

说到数据可视化，可谓是百花齐放，一时之间前端界出现了琳琅满目的第三方库： Highcharts ， Echarts ， Chart.js ， D3.js 等。但是，万变不离其宗。