d3js 圖表增加邊框

原來增加邊框只要設屬性就可以了，而且效果是可以套到 svg 格式裡，不是只有網頁 css 上的效果。

效果圖：

上面程式碼：

.attr("stroke", "black")
.style("stroke-width", "2px")

• border color 使用 stroke attribute, 可以使用 #開頭的色碼。
• border size 使用 stroke-width attribute.

資料來源：https://d3-graph-gallery.com/graph/pie_basic.html

完整程式碼：

svg
.selectAll('whatever')
.data(data_ready)
.enter()
.append('path')
.attr('d', d3.arc()
.innerRadius(0)
.outerRadius(radius)
)
.attr('fill', function(d){ return(color(d.data.key)) })
.attr("stroke", "black")
.style("stroke-width", "2px")
.style("opacity", 0.7)