問題タブ [lazy-high-charts]

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 に答える
487 参照

javascript - ハイチャートでマウスイベントを修正する方法

y 軸が反転している xy 線をプロットしようとしていますが、プロットを取得していますがmouse event、反転イベントを示していることを修正できません。これを行うにはどうすれば軸の最小値と混合値を自動的に見つけたいですか? そして、x軸を上に持ってくる方法は?

これは私のコードです:

JS

HTML

ここにJS Fiddleがあります。

シリーズ内で文字列を渡すことができるかどうか 私の質問はばかげているかもしれません。可能かどうか教えてください。以下のように興味があります

コードのシリーズ部分では、以下のようにしたいと思います

この配列から期待される出力、ソートされた y 軸良いパターン - フィドルがマウスの動きが機能しない

ここで xaxis を並べ替えました - マウス イベントは問題ありませんが、プロット パターン (線) は期待したものではありませんBAD PATTERN - Fiddle

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

javascript - プロット タイプのハイチャートのマウス イベントのバグ: ライン/スプライン

ハイチャート ライン プロットのマウス イベント トラッキングにバグがあるようです。そのバグかどうかはわかりません。数日前に同じ問題に関する投稿がもう 1 つあります。ハイチャートでマウス イベントを修正する方法。 x 軸をソートするように提案されたハイチャート サポートのエンジニアの、私は彼が提案したのと同じことをしましたが、結果は実際には受け入れられないものです

ここに Fiddle へのリンクがあります。調べてください

1 ) 良いパターン yaxis で並べ替えられたマウス イベントが機能しない --->良い

2 ) 悪いパターン xaxis で並べ替えられたマウス イベントが動作している --->悪い

誰かが問題を解決するのを手伝ってください.

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

javascript - RailsアプリケーションでHighcharts列ドリルダウンチャートを実装するには?

lazy_high_chartsを使用して、Rails アプリケーションにHighcharts Column-Drilldown Chartを実装しようとしています。データベースから取得され、4 つの配列 (areas、areaScores、departments、および deptScores) に格納されているデータを表示したいと考えています。ハイチャート サイトにリストされている例 (JSFiddle)の JS を Ruby に変換するのに問題があります。Ruby で列ドリルダウン チャートを作成するためのリソースを見つけることができませんでした。ドリルダウン チャートを私の Ruby アプリケーションに統合する方法についてのヘルプをいただければ幸いです。

ハイチャートのデモ ページに表示されているサンプル JavaScript と、4 つの配列にデータを入力してハイチャートを作成するコントローラー メソッドを含めました。

Highcharts 列ドリルダウン チャートの例 (Javascript)

私のコントローラー:

ありがとう、マット

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

ruby - Rails を使用したハイチャート

Lazy High Charts gemを使用しようとしていますが、チャートを表示できません。生成された Javascript は正しいように見えますが、何らかの理由でグラフが div に表示されません。

ブラウザで生成される JS は次のとおりです。

ビューの内容は次のとおりです。

コントローラーのコードは次のとおりです。

アプリケーションのレイアウトは次のとおりです。

私のapplication.jsは次のようになります。

何かご意見は?

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

ruby-on-rails - HighCharts を使用して xAxis に日付 (日ごと) をリストする方法

HighCharts を使用して、xAxis に沿って日付 (日ごと) を表示しようとしています。そのために、レイジー ハイ チャートジェム w/ Rails を使用しています。HighCharts の「データ」引数については、[[日付、収益]、[日付、収益]、[日付、収益]...etc] でネストされた配列を渡します。

収益の y 軸は正しく機能していますが、x 軸の対応する日付は機能していません。

コントローラーのコードは次のとおりです。

「sales_and_date_array」の検査は次のようになります。

現在のグラフ出力は次のようになります。

ここに画像の説明を入力

何かご意見は?

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

ruby-on-rails - Lazy HighChart と Json データの読み込み

私は LazyHighCharts を使用しており、json データを収集して過去 24 時間のみを表示しようとしていますが、データは表示されず、日付だけが表示されますが、1 時間ごとに温度が表示されるはずです)。

データ構造

コントローラ

画像

ここに画像の説明を入力

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

ruby-on-rails - lazy_high_charts gem を使用したレスポンシブ サイジング?

このfiddleに見られるように、ハイチャートがレスポンシブに実行される可能性があります。

width: 600px; height: 400px;幅または高さが指定されていない場合、lazy_high_charts はデフォルトで設定されているようです。回避策はありますか?

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

ruby-on-rails - div の上部にあるハイチャート パイ

Rails gem (lazy_high_charts) を使用して、highcharts を利用した円グラフに属性を渡します。円グラフを div の先頭から開始したい。現在、div の上部と円グラフの先頭の間には多くのスペースがあります。私は SpacingTop=0 を使用しましたが、それで成功したことはありません。

削除したいスペースの画像

このコードは次のようになります。