我已经用 javascript 和 d3.js 实现了一个实时图表。数据是随机生成的,它会根据随机数而变化。我想填充折线图下方的区域,但由于数据在移动,我不知道如何填充!以下代码对于静态图表是正确的,但我如何将它用于动态移动数据
//Css part
.area {
fill: lightsteelblue;
stroke-width: 0;
}
//script
var area = d3.svg.area()
.x(function(d, i) { return x(i); })
.y0(height)
.y1(function(d, i) { return y(d); });
svg.append("path")
.datum(data)
.attr("class", "area")
.attr("d", area);
这就是我的数据的生成方式:
var n = 100,
random = d3.random.normal(0, 50),
data = d3.range(n).map(random);
谢谢,