使用d3从json文件中选择特定项目

debugcn 发表于 Dev

d_z90

我正在创建一个项目，d3.js其中用于生成散点图的数据是从外部json文件获取的。

在json文件中，数据的结构如下：

[
    {
        "timestamp": 14, 
        "dimension": 2, 
        "value": [
            {
                "value": 5.7, 
                "label": "A"
            }, 
            {
                "value": 4.0, 
                "label": "B"
            }
        ]
    }
]

然后在内部，d3我具有以下函数来生成要在图形上绘制的圆：

svg.selectAll("circle")
        .data(data)
        .enter()
        .append("circle")
        .attr("cx", function(d){
            return xScale( d./* 1st value with label A */ );
        })
        .attr("cy", function(d){
            return yScale( d./* 2nd value with label B */ );
        })
        .attr("r", function(d){
            return rScale( d./* 2nd value with label B */ );
        });

从代码中可以看到，我想做的是将每个圆的位置连接到带有标签A和B的值，而将其辐射度链接到带有标签B的值。

你知道如何解决这个问题吗？提前感谢您的回复！

d_z90

我想我可以管理它，以访问需要指定数组元素编号的特定对象，如下所示：

.attr("cx", function(d){
    return xScale(d.value[0].value;);
})
.attr("cy", function(d){
    return yScale(d.value[1].value;);
})
.attr("r", function(d){
    return rScale(d.value[1].value;);
});

无论如何，谢谢您的参与！

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。