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

ヒストグラムの表示データの範囲を指定

前回のヒストグラムの記事で点数の範囲を10点刻みではなく5点、20点など任意の範囲で表示できるようにしてみます。下記のように入力フォームを使ってみます。

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

サンプルコードについて・・・

上記のようにフォーム設けて範囲をユーザーが選択できるようにすると、前回の記事のようにbins()メソッドをにプログラム上で範囲を指定することができません。なぜならユーザーが入力した値によって範囲が変わってしまうからです。そこで範囲を表す変数stepXを設けてデータ区切りは以下のように、d3.range()メソッドを使います。

コメント

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