d3.js条形图内联笔划

Question

我正在尝试实现堆叠条形图，其中一个条形数据集具有半透明颜色和不透明笔划。但是，笔划应位于栏内，而不是栏外，这是默认行为。我不知道可以实现的任何可能的属性或样式设置？

我用

定义笔画

.attr("stroke", function(d) { return zStroke(d.key); })
.attr("stroke-width", (function(d) { return zStrokeWidth(d.key) + "px"; }))

其中zStroke和zStrokeWidth返回条形数据系列的颜色和宽度。

Answer 1

只需更改宽度和高度，因为使用SVG时，边框位于要应用边框的条形系列的所有边或无边框上。例如。

.attr("width", function(d) { return d.withBorder ? 20 : 24; })
.attr("height", function(d) { return d.height + d.withBorder ? 0 : 4; })