FC2ブログ

Ruby on RailsでWebサイト公開!に挑戦中

レンタルサーバーでWebサイトを公開すべく、Ruby on Railaの勉強をする日々を語ります。

| PAGE-SELECT | NEXT

≫ EDIT

チェックボックスの入力値に応じて一つのグラフ表示、二つのグラフ表示を場合わけ

前回、グラフ表示用のデータを取得するコントローラ側の処理を作成したので今回はAngularJSスクリプトでGoogleチャートのグラフを作成します。

≫ Read More

スポンサーサイト



| Google Charts | 07:10 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

チェックボックスの入力値に応じてコントローラ内で実行するSQLを場合分け

前回、二つのグラフを出力する場合に使用するSQLの記述方法を確認しましたので、実際にRailsのコントローラ内の処理を記述しました。

≫ Read More

| Google Charts | 07:09 | comments:1 | trackbacks:0 | TOP↑

≫ EDIT

チェックボックスとAngularJSのng-ifを使って表示・非表示を切り替える

前回作成した2つ目のグラフ表示用の条件入力用のフォームは、一つのグラフのみ表示したい場合は不要なので、2つのグラフを表示したい場合のみチェックボックスにチェックを入れて表示するように変更しました。

≫ Read More

| Google Charts | 09:03 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

AngularJSの$watchとng-ifを使って表示・非表示を切り替える

前回までで条件を入力してGoogleチャートで作図できるようになりました。今回から、ある一つの条件を変化させたグラフを重ねて表示し、二つのグラフを比較できる機能を追加しようと思います。

≫ Read More

| Google Charts | 10:32 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

ラジオボタンの入力値を条件としてRailsコントローラでSQL実行

ラジオボタンを追加して新たな条件を追加しましたので、コントローラ側の処理を作成しました。

≫ Read More

▲ Close

| Google Charts | 07:36 | comments:0 | trackbacks:0 | TOP↑

| PAGE-SELECT | NEXT