小编Ori*_*Wei的帖子

我是d3的新手并使用它来创建一个使用数字数组的简单图表,其中值"16"在其中出现两次.

它为第二个'16'值生成一个'缺失''rect'元素的图表,当我检查html时,我看到两个'16'rect具有相同的'y'值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());

我正在使用svg/d3来创建由'rect'元素组成的图表.

为每个矩形添加一个圆形边框/笔划的最佳方法是什么(仅在矩形的顶部)？

谢谢