問題タブ [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 投票する
2 に答える
536 参照

ruby-on-rails - Chartkick はローカルで動作しますが、Heroku では「アダプターが見つかりません」

Rails で Chartkick を使用して、Google の API を介してチャートを生成しています。私の開発システムでは問題なく動作しますが、Heroku Chartkick では次のエラー メッセージが表示されます。

私はこれapp/views/layouts/application.rbを持っています:

でアセット パイプラインを有効にconfig/application.rbconfig.serve_static_assets = trueてみました。Google のjsapi.jsものをダウンロードして、vendor/assets/javascript

しかし、これらは機能していません。

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

javascript - jqueryのRails動的div ID

グラフのリストを表示する Rails UI を作成しています。表示されるグラフの数は、テーブルの一意のエントリの数に基づいています。現時点では、以下のコードを使用して Jquery 経由でグラフを非表示にしました。

別のJSファイルの次のJqueryコード

私が実装したいのは、ユーザーがグラフを非表示または非表示にできるようにする、各グラフのチェックボックスを備えたサイドバーのメニューです。ただし、各グラフの一意のIDを外部から参照できないようです

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

jquery - 最小値と最大値を提供するチャートキック非同期

私は ChartKick と提供されたコードを使用しています:

これにより、折れ線グラフがエンドポイントに ajax 呼び出しを行い、ページの読み込み時にデータを取得できるようになります。

しかし、取得したデータに基づいて、折れ線グラフの最小値と最大値を提供したいと考えています。

ajax呼び出しから返すことができる唯一のものはJSONデータであることを考慮して、これらのパラメーターをどのように渡しますか。

私は構造を持つjsonオブジェクトを提供しようとしました:

しかし、それはうまくいきませんでした。

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

javascript - Chartkick を使用してデータを表示するにはどうすればよいですか?

データ形式のさまざまな順列を使用して、Chartkick の複数の折れ線グラフをレンダリングしようとしました。私はどこにも行きません。ここでデータを返すために使用しているメソッドの現在の反復を貼り付けますが、午前中ずっとこのバリエーションを試したことを知っています。

私のデータベースに関するいくつかの説明 - 仕事には多くの製品があります。商品レコードは、ジョブに追加されたときのアイテムのコスト、販売価格 (さまざま)、税金、数量、ジョブとの関係、アイテムの説明などを取得する在庫、およびいくつかのタイムスタンプを保持します。

したがって、3 つの製品を持つ Job #1 の場合、情報を表示するには Job.find(1).products.each が必要になります。

または、ここで取っているアプローチである Product.find("job_id in (?)", [array_of_job_ids]) 。

過去のある時点でこのレポートが機能していましたが、Google チャートを使用したすべての手動であり、コードはひどいものでした。そこで私は Chartkick を見つけました。私が行っていたものと比較して、ビューがいかにシンプルであるかが気に入っています。

今、レンダリングするものが何もありません。

ビューは次のように単純にする必要があります。

しかし、それは何もレンダリングしません。

as_json として試してみましたが、ハッシュとして試してみました。現在は配列形式ですが、データは表示されず、凡例も表示されません。

したがって、明らかに、何かが間違っています。しかし、「chartkick multi series format」のようなものをグーグルで検索すると、本当に役に立たない結果がたくさん得られます.Chartkickページのドキュメント(申し訳ありません)は最悪です.

彼は言い​​ます:

それで、wtf series_a は次のように見えるはずですか? ジェイソン?ハッシュ?ARオブジェクト? 配列?

すべての例が示すように、「ジョブ数」や「created_at による製品のグループ化」などの単純なことは行っていません。

コレクションを反復処理し、値を取り出して結合し、データ セットをレンダリングする必要があります。

また、製品の未乾燥性.以下の各ブロックは私の心を傷つけます. それを乾かす方法についての指針を喜んで受け入れます:)

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

ruby-on-rails - Chartkick および groupdate gem はグラフに 1 つのポイントのみを表示します。グラフは複数の行にする必要があります

特定の期間の特定の企業の株価を表示する Ruby on Rails アプリを作成しています。私は次の宝石を使用します: chartkickgroupdateおよびstock_quote

私の Shema.db:

データベースにseeds.rbを入力します:

コントローラーで:

show.html.erb にhttp://ankane.github.io/chartkick/のコードを入れました:

グラフは複数の線で構成され、グラフには 1 つの点しかありません

ここに画像の説明を入力

どうすればいいですか、変更、追加しますか???

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

javascript - chartkick折れ線グラフ形式へのphp json出力

ajax呼び出しを介してjsに来るphp json応答があり、json応答は以下のとおりです

chartkick.js には次の形式が必要です。私のjsファイルでは、これがハードコーディングした場合の動作です。

チャート キックが必要とする方法に対する json 応答を解析できません。これどうやってするの?

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

ruby-on-rails - Chartkick、配列にハッシュを含む line_chart (シリーズではない) データ

Sequel の .fetch メソッドを使用した生の SQL である次のクエリがあります (うまくいけば、これに続編の DSL を使用できます)。

結果データは次のとおりです。

これは配列内のハッシュです。どの chartkick gem の line_chart がデータを読み取るかは、次のようになります。

.map 関数または .collect を使用してキー (日付とカウント) を平坦化および削除する方法がわからないため、chartkick で折れ線グラフを適切にレンダリングできます。