d3.js

SVGの要素で指定できるタグのメモ

SVGの要素で指定できるタグのメモ

メモしておきます。 指定する要素によっては使えないこともあるかもしれません。 .attr(“text-anchor”, “middle”)//テキストの表示位置(start,middle,end) .attr(“fill…
d3.js でx軸のラベルを文字列にする

d3.js でx軸のラベルを文字列にする

通常はラベルの数値を元に範囲を取得して均等に表示する処理をしているが、それをせずにデータ数に応じて均等に配置する。 いじる部分だけピックアップ var xScale = d3.scale .ordinal() .doma…
D3.js:指定した範囲でrect要素を切り抜く

D3.js:指定した範囲でrect要素を切り抜く

以下のように切り抜きたい範囲を指定して、要素に指定することで指定した範囲でrect要素を切り抜けるようです。 //切り抜く範囲を指定 svg.append(“clipPath”) .attr(“id”, “clip-re…
D3.jsのグラフを角丸にする

D3.jsのグラフを角丸にする

角丸にしたい棒グラフなどの.append(“rect”)がかいてあるところに.attr(“rx”, 4)と.attr(“ry”, 4)を追加するだけで実現するようです。 .attr(“rx”, 4) .attr(“ry”…