Question

我正在使用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的值。

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

Answer 1

我认为我管理它，访问特定的我需要指定数组元素号，如下所示：

.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;);
});

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

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

1 个答案: