「 折れ線グラフ 」 一覧
ボタンをクリックして、折れ線グラフの表示範囲を変える
JSONファイルからデータを読み込んで折れ線グラフを表示します。グラフのデータの読み込みは10年分のみにします。 サンプルコードの実行結果はこちら [crayon-600
JSONみたいなデータを読み込んでグラフにする
まずは、サンプルコードの実行結果はこちら [crayon-6002f9599556f919690394/] 今回紹介するのも複数の線グラフを表示するものですが、
折れ線グラフを塗りつぶす
D3.jsでは両機内にを塗りつぶしたグラフを表示することができます。このとき、d3.svg.line()メソッドではなくて、d3.svg.area()メソッドを使います。 座標値を指定するx()、y
複数の折れ線グラフを表示する
複数の折れ線グラフを表示します。今回は3つのデータを用意して、3つの折れ線グラフを表示します。目盛りを表示する部分と折れ線グラフを描画する部分を関数にします。 サンプルコードの実行結果はこちら
折れ線グラフの縦方向の動きを分かりやすくする
縦方向の表示を2倍に、目盛り(縦、横軸)を表示する グラフの変化を大きく見せるために縦方向の表示を2倍にします。 サンプルコードの実行結果はこちら [crayon-6
折れ線グラフを作ってみる
棒グラフ、円グラフと同じくらいよく見るのが折れ線グラフです。体重や為替相場など継続的に変化するデータを把握する時に使われます。円グラフはD3.jsに用意されたレイアウト機能を利用しましたが、折れ線グラ