D3.jsでレーダーチャートを書く（3日目） - bati11 の日記

テクノロジーカテゴリーの変更を依頼記事元:

bati11blog.hatenablog.com

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

D3.jsでレーダーチャートを書く（3日目） - bati11 の日記

前回に引き続きレーダーチャートを書き続けます！とりあえず今回で終わりにします。今日は頂点にラベル... 前回に引き続きレーダーチャートを書き続けます！とりあえず今回で終わりにします。今日は頂点にラベルをつけてみるのと、チャートを色分けするのをやってみます。ラベル各頂点が何番目のパラメータが対応しているのかを表示したいです。 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 * i - (Math.PI / 2)) + w/2; }) .y(function(d, i){ return rScale(d) * Math.sin(2 * Math.PI / paramCo

ブックマークしたユーザー

kfuse2019/08/13

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx