以下のスクリーンショットは、いくつかのデータベースからデータを読み取ります-私がフォローしているいくつかのRubyOnRailsチュートリアルでDBからデータを読み取ることに頭を悩ませることができると思います-しかし、どうすればそのデータを彼らが望むきれいな形で表現できるのでしょうか下の写真？
このようなデータを表現できるようにするには、どのツール、フレームワークなどにすぐに慣れる必要がありますか?
私はRailsに焦点を当てる必要があるので、あなたが提案するものがRailsとうまく統合できるものであれば素晴らしいと思います...
スクリーン ショット 2: これについては、どうにかして「Google チャート」を使用できると「思います」が、ご提案もいただけると幸いです。
グラフを作成するには、javascript を使用します。そこにはたくさんの図書館があります。
最初の写真の小さなグラフは、スパークルラインと呼ばれます。このjqueryプラグインで作成できます
そして、この純粋なJavaScriptツール
他のチャートについては、最高の無料のものはd3ライブラリであり、特に nvd3ライブラリ ウィッチは d3 ライブラリの上に構築されていると思います。
Raphaël—JavaScript Library を使用したソリューションもいくつかあります 。1つはグラファエルです。個人的には好きではありませんが、見てください。
チャート ライブラリは、多くの場合、SVG (スケーラブル ベクター グラフィックス。SVG と CSS についてはこちらを参照してください) を使用してチャートを表示します。そして、JSON を介して Rails からデータをフィードします。
Rails はコントローラーから JSON をレンダリングでき、jbuilderを使用でき ます。
通常、チャートを作成するには、チャートに送信する前に、多くの複雑なクエリとデータベースからのデータの処理が必要になるため、lib ディレクトリにカスタム クラスが作成されます。
これらのレールキャストが表示されるはずです。railscasts#223 railscasts #223改訂
最初は highcharts (無料ではありません) を使用し、最後はmorris.jsを使用します。モリスはかなり単純ですが、いくつかの追跡では十分です。最後の 1 つが最高ですが、それを見るにはサブスクリプションを取得する必要があると思います。
ここで学ぶことはたくさんあります。それは楽しいことです。