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