javascript - 如何在 d3 图中使用 json 数组

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"
}, ....