こんにちは！ソリューションコンサルタントの滝元です。
本記事では、Ignite UI for jQuery を使用して正規分布図を描画する方法をご紹介します。
データの用意
今回はエクセルの NORM.DIST 関数を使って
平均 50、標準偏差10としたデータを用意しました。
グラフの作成
Ignite UI for jQuery の スプラインエリアチャートを使用します。
まずはシンプルなグラフを作成する
エクセルで作成したデータを x, y1 のオブジェクトの配列に設定してし、スプラインエリアチャートにバインドしています。
σごとに色分けをする
スプラインエリアチャートでは値に NaN を設定することでグラフが描画されないように実装できます。
描画される部分、されない部分を組み合わせ y1, y2, y3 に値を設定し3つのグラフをひとつのグラフのように見せています。
x軸の値を数値からσに変える
バインドするデータに xLabel を追加しました。label: 'xLabel' を設定しています。
空文字を設定するとX軸に表示されなくなることを利用し σ のみ表示することができました。
無料相談会実施中です！
製品をご購入をご検討のお客様は こちらのページ よりお気軽にお問い合わせください。そのほか、製品デモや、弊社製品そのものに関するご相談だけでなく、システム開発における様々なご相談も実施可能な無料相談会も随時受け付けています。
また、こちらのページ よりアカウントの作成を行っていただくと登録より30日間、弊社のテクニカルサポートをご利用いただくことが出来ますのでお気軽にお問い合わせください。
