Неправильное использование шкалы d3 с одинаковыми значениями в данных?

я новичок в d3 и использую его для создания простой диаграммы с использованием массива чисел, где значение '16' появляется дважды в нем.

Он генерирует график с однимотсутствует' 'прямоугольник» элемент для 2 '16' значение, когда я проверяю HTML, я вижу, что оба16' прямоугольник имеет то же «у» значение 72.

Пожалуйста, скажи мне, что яя делаю неправильно, спасибо

код:

var data = [4, 8, 15, 16, 23, 16];

var chart = d3.select("body").append("svg")
     .attr("class", "chart")
     .attr("width", 420)
     .attr("height", 20 * data.length);


var x = d3.scale.linear()
     .domain([0, d3.max(data)])
     .range([0, 420])

var y = d3.scale.ordinal()
     .domain(data)
     .rangeBands([0, 120]);

chart.selectAll("rect")
     .data(data)
     .enter().append("rect")
     .attr("y", y)
     .attr("width", x)
     .attr("height", y.rangeBand());

Ответы на вопрос(2)

Ваш ответ на вопрос