大数据时代,不仅需要兼顾海量数据的处理工作,更需要关注如何将数据与结果清晰有效的可视化出来。本文介绍利用当下最流行的数据可视化工具——D3,来操纵数据,让数据自行说话!定义数据——绑定数组定义好一个数组后进行绑定是件比较简单的事情,也是最常见的D3中定义数据的方式。举个例子,我们看到多个数据存在一个数组里时,而此时你想用他们做可视化工作,并且在数组更新时希望可视化图像也随之更新。下面的内容就是介绍如何实现这一效果。当然,我们需要首先定义一个数组元素:var data = [10, 15, 30, 50, 80, 65, 55, 30, 20, 10, 8];然后通过选择器将这些数据与html元素绑定,渲染函数中绑定部分如下:d3.select("body").selectAll("div.h-bar") .data(data) .enter() .append("div") .attr("class", "h-bar") .append("span"); // Update d3.select("body").selectAll("div.h-bar") .data(data) .style("width", function (d) { retu
...
继续阅读
(49)