图例到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];
    });