円グラフ

スポンサーリンク
D3.js

円グラフにアニメーションを付けて表示する

記事のタイトルの通り、円グラフをアニメーションさせながら表示させてみます。円グラフを0度から360度まで1周して表示されるアニメーションを作成してみます。基本てなことは棒グラフのアニメーションと一緒です。attr()メソッドで初期値を設定し...
D3.js

円グラフの色分けしてみる

円グラフは、それぞれの扇の部分が色分けされているのが普通です。扇形部分を色分けするにはstyle()メソッドを使い、塗の色を指定します。D3.jsでは予め用意されたカラーを利用することもできます。それと自分で色を指定することもできます。 ...
D3.js

円グラフを作る

日頃のグラフの中でよく見かけるのが円グラフです。スマートフォンの販売シェアとかを表す時に使われます。円グラフの表示には、D3.jsに用意されたレイアウト機能を使います。D3.jsには描画機能はないですが、描画に必要なレイアウトの計算を行うた...
スポンサーリンク
タイトルとURLをコピーしました