問題タブ [chartkick]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
619 参照

ruby-on-rails-3.2 - Rails 3.2 Chartkick折れ線グラフのグループ化されたクエリが正しく表示されない

chartkick を使用して、過去 1 年間のインバウンドおよびアウトバウンドのマテリアル フローの合計を追跡する複数系列の折れ線グラフを表示しようとしています。

クエリは、次のようなものを生成する必要があります。

私のチャートキックコードは次のとおりです。

チャート キックから得た結果は、2013 年 12 月 31 日と 2014 年 12 月 31 日の 2 つのデータ ポイントだけを含む各系列の線です。

上記の SQL をデータベースに対して実行すると、2014 年 6 月から 2015 年 2 月までの 9 件の結果が生成されます。

データセットが異なるのはなぜですか? チャートキックの構文が間違っていますか? 何らかの方法でクエリを変更する必要がありますか?

事前に助けてくれてありがとう!

0 投票する
1 に答える
126 参照

ruby-on-rails - Chartkick を使用して、ソリューションの最初の部分を機能させました。チャートに複数のバーを含める必要があります。

プロジェクトの時間をグラフに入力しています。問題は、ハードコーディングせずに各プロジェクト名を表示し、2 つの間の時間を区別することです。たとえば、A は 3 時間、B は 4 とします。それぞれを別のバーに表示します。

私のビューは次のようになります。

私のコントローラーは次のようになります

助けが見つかることを願っています!ありがとう!

0 投票する
0 に答える
145 参照

javascript - Javascript + Chartkick 複数のデータセットまたはグループ化

私はこのようなデータセットを持っています:

私はJavascriptアリを使用していCharkickます。にあるグラフを作成したいのですが、にグループ化されていsalesます。最終的なチャートは、例のようなものになるはずです (私の絵のスキルには申し訳ありません): Y axisSalesMonthX axisCustomAreaCodeここに画像の説明を入力

チャートを作成する私のコード:

私が現時点で持っているデータJSON(市外局番をどこに置くべきかわかりません):

0 投票する
2 に答える
723 参照

ruby-on-rails - 整数値の代わりに chartkick 円グラフで列挙型ラベルを取得する方法

性別は次のように定義されます。

enum gender: {male: 1, female: 2, other: 3}

chartkick は、円グラフで性別データを表すために使用されます

pie_chart @registrations.group(:gender).count

円グラフのラベルを整数値 1/2 などではなく、男性/女性として取得するにはどうすればよいですか?

0 投票する
2 に答える
1004 参照

javascript - Chartkick Rails 4複数のチャートでの棒グラフの問題

ページに複数の投票の質問があるという問題があります。簡単に言えば、質問に答えた後、コントローラに対して AJAX 呼び出しが行われ、Chartkick gem と Google jaspi ライブラリを使用してチャートを表示する js.erb がレンダリングされます。これは、単一のチャートに対してのみ有効です。ただし、複数の棒グラフ (回答済みの質問ごとに 1 つ) があると問題になります。最近回答された質問が間違った div の質問のグラフを上書きし、最後に回答された質問に読み込みが表示されるだけです。

これが基本的なコードです。

ビューで:

質問に回答すると、上記の div がグラフとともに表示されます。

コントローラーで:

そして、上記のブロックでレンダリングされる js.erb ファイルで:

どんな助けでも大歓迎です。質問ごとに正しいグラフを表示し、確実にロードする必要があります。欠落しているチャートまたはオブジェクトのインスタンスを区別する方法はありますか? ありがとう。

0 投票する
1 に答える
912 参照

google-visualization - Rails 4アプリでChartkickグラフをサーバーサイドの画像に変換する

Rails 4アプリのサーバー側でChartkick(Googleチャートを使用)グラフを画像に変換するにはどうすればよいですか?