スポンサーリンク
スポンサーリンク

D3.jsで縦棒グラフを表示してみる

グラフの中でも使用頻度が高いのが縦棒グラフです。これまでの記事では横棒グラフを表示しましたが、原理は縦棒グラフも同じです。異なる点は、グラフの棒が横に伸びるか、縦に伸びるかの違いです。

グラフ内に数値を表示する

グラフ内に数値を表示します。数値のスタイルをHTMLファイル内で設定しておきます。必要なのは文字サイズと、文字をどこから表示するかです。文字の描画位置は下記の表に書いてある通り3種類のいずれかを設定できます。

詳細
start 左から描画(初期値)
middle 中央から描画
end 右側から描画

サンプルコードの実行結果はこちら

コメント

タイトルとURLをコピーしました