D3.jsのグラフを角丸にする(ドーナツグラフの場合)

harada 25views 更新:2017年4月28日

角丸にしたいドーナツグラフのd3.svg.arc()などの後ろに以下を追加するだけで角丸にできるようです。

.cornerRadius(20)

追加例:

  var arc_simple = d3.svg.arc()
    .innerRadius(radius - 20)
    .outerRadius(radius - 10)
    .cornerRadius(20)
    .startAngle(-0.05);

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません