Легенда для D3.js scatterplot

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