Question

我正在尝试创建d3条形图。使用此示例http://bl.ocks.org/mbostock/3943967。在此示例中，他们使用Lee Byron的测试数据生成器。我删除随机数并输入硬代码值。但它现在给出正确的图形。可以任何一个告诉如何删除这个数字生成器并将数组添加到图表中。

Answer 1

看看这段代码：

var n = 4, // number of layers
    m = 25, // number of samples per layer
    stack = d3.layout.stack(),
    layers = stack(d3.range(n).map(function() { return bumpLayer(m, .1); }))

基本上，它是一个堆叠图表，因此您需要方便地组织数据：

var data = [
// first group
{
 "index":"0",
 "position":"bottom",
 "num_visitors":"30"
},
{
 "index":"0",
 "position":"middle",
 "num_visitors":"10"
},
{
 "index":"0",
 "position":"top",
 "num_visitors":"15"
},
// second group
{
 "index":"1",
 "position":"bottom",
 "num_visitors":"56"
},
{
 "index":"1",
 "position":"middle",
 "num_visitors":"32"
},
{
 "index":"1",
 "position":"top",
 "num_visitors":"21"
}, ....

如何在d3图中使用json数组

1 个答案: