传说D3.js散点图

Question

我创建了一个包含多个y轴的散点图。 我需要创建一个图例来指示散射。 我在评论中提供的链接中创建了相同的小提琴。 请帮帮我。

Answer 1

原因是你的代码颜色是一个对象，而不是一个数组。

D3期望传递给它的数据是一个数组：

我已经更新了你的小提琴 - 请参阅http://jsfiddle.net/y3LEt/3/

关键更新是：

var colors =    [["Local", "#377EB8"],
                    ["Global", "#4DAF4A"]];

legendRect
    .attr("y", function(d, i) {
        return i * 20;
    })
    .style("fill", function(d) {
        return d[1];
    });