bati11 https://blog.hatena.ne.jp/bati11/ bati11 の 日記 https://blog.bati11.info/ JavaScript D3.js 前回に引き続きレーダーチャートを書き続けます！とりあえず今回で終わりにします。 今日は頂点にラベルをつけてみるのと、チャートを色分けするのをやってみます。 ラベル 各頂点が何番目のパラメータが対応しているのかを表示したいです。 SVGのtextを使うんだろうけど、座標をどうやって決めるか。1番外側のグリッドの頂点の座標にtextを表示すればよさそう。 なので、前回作ったline関数のx,yを参考にする。 var line = d3.svg.line() .x(function(d, i){ return rScale(d) * Math.cos(2 * Math.PI / paramCount… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.bati11.info%2Fentry%2F2014%2F01%2F23%2F235527" title="D3.jsでレーダーチャートを書く（3日目） - bati11 の 日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2014-01-23 23:55:27 rich https://blog.bati11.info/entry/2014/01/23/235527 1.0 100%