問題タブ [dygraphs]

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

dygraphs - 最も近いシリーズを強調表示 - ただし、強調表示されたシリーズの X/Y のみを表示しますか?

このページの最後の 2 つのグラフのように動作するようにグラフを調整しようとしています: http://dygraphs.com/tests/series-highlight.htmlマウスをホバーすると、の X/Y 座標のみが表示されます。その X 値のすべての座標ではなく、特定の強調表示されたシリーズ。

javascript のどこでそれが指定されているのか見分けがつかないようです。これらの 4 つのグラフはすべて同じように設定されているようですが、動作が異なります。

私のコードは現在このように見え、最も近いシリーズを強調表示するのにうまく機能しますが、すべてのラベル ポイントで雑然としています。

何か案は?私はJavaScriptにかなり慣れていないので、例で何が起こっているのかを完全に理解することはできません.

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

javascript - Dygraps x 軸で週末をスキップする方法。

DyGraphs を使用して株式データをプロットしようとしています。データのプロットとズームで完璧な仕事をしています。しかし、休日には株が取引されていないため、データにギャップがあります。土曜日と日曜日を x 軸に表示したくありません。x軸が土曜日と日曜日(データがない日付)をスキップするGoogle Financeでそのようなグラフを作成したいと思います。それは可能ですか?プロッタ オプションをいじると、この結果を得ることができますか?

psグラフが時間または分レベルまでズームしなくてもかまいません。

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

angularjs - プロットされたシリーズの数を減らすと、コンソール エラーが発生します

データロガーからのデータの時系列プロットを表示するために、AngularJS アプリケーションで Dygraphs を使用しています。Angular は新しいデータの取得と、データが到着したときにグラフ シリーズの更新を処理し、Dygraphs は Angular を使用してプロットを適切に更新します$watch()。問題は、別のデータ セット、特にシリーズ数が少ないデータ セットに切り替えたい場合に発生します。コンソール エラーが表示されます (OS X 10.6.8 で Safari 5.1.9 を使用):

の 2 行目dygraph-combined.js。不都合なことは何も起こらないようで、グラフは正しく更新されますが、私はそれが起こらないことを望みます!

Angular でグラフ データ ソースを正しく切り替えるのにいくつか問題がありました。私にとってうまくいっ$timeout(,0)たのは、他のオプションをすぐに変更しながら、呼び出し内でデータ ソースを変更することでした。これは、シリーズの数と、シリーズのタイトルおよび/または軸の数との間に (短い) 不一致があることを意味します。シリーズの数が変わらない、または増えない場合、このエラーは発生しません。誰が何がうまくいかないのかを見て、それを回避する方法を教えてもらえますか?

Dygraph をインスタンス化するための Angular ディレクティブを作成しました。

次に、コントローラーで、次のようにグラフ データ ソースを切り替えます。

提案、コメント、または回答を歓迎します。

ありがとう

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

javascript - ページ上に複数のプロットがある dygraphs setVisibility()

私は dygraph を扱ってきましたが、ページ上の無数の可能性のある dygraph の表示のオンとオフを切り替えるチェック ボックスを備えた Web ページがうまく機能するようになりました。

ただし、値をすべてオンまたはオフに設定するボタンを追加したときに行き詰まりました。

私が従った基本的な例を見つけました: http://dygraphs.com/tests/color-visibility.htmlチェック ボックス 0-3 の ID 名を持っています。これは、チェック ボックスの ID を呼び出す必要がない限り、1 つのプロットでも複数のプロットでもうまく機能します。ID番号を繰り返してシステム全体を動作させました。

ただし、ボックスを自動的にチェックするボタンを追加すると、一意に識別されたチェックボックスが必要になります。そうしないと、最初のボックスセットのみをチェックおよびチェック解除します。次に、チェック ボックス ID の名前を変更すると、元の表示機能が機能しなくなります。

HTML:

JS コード:

問題は、変更関数を通過するときの「this」呼び出しにあると思います。Firebug でプローブすると、チェック ボックス番号 3 をクリックすると要素が入力番号 3 になり、これが機能します。ただし、ID の名前を plot2box3 のような名前に変更した場合、firebug 要素は input#plot2box3 であり、setVisibilty 関数は何をすべきかわからないと思います。

問題は、チェックボックスを一意に呼び出すことができる一方で、正しい要素を出力する「this」参照を維持するにはどうすればよいかということです。

ありがとう!

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

dygraphs - ダイグラフはシリーズ名を動的に変更しますか?

115 ほどのシリーズがプロットされた dygraphs チャートがあります。それはうまくいきます。ただし、強調表示されたシリーズのシリーズ名を取得する方法と、その番号をフォーマットする方法を理解しようとしています。

dygraph フィドル ページの例 (ただし、データには大きな php 文字列を使用しますが、これは表示されません)。http://jsfiddle.net/eM2Mg/861/

「Year: 1955 Y73 Portfolio: $1,000,000」のような強調表示されたラベルになります。その 73 番号を取得して、その内容を編集できるようにしたいと考えています。dygraph js ファイルで、シリーズ番号の特定のラベル フォーマッタ、またはそれを取得する方法が見つかりません。すべてのシリーズに手動でラベルを付ける必要はありません。

アイデア?これは素晴らしいグラフ作成ソフトウェアです。

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

javascript - Dygraphs を使用したチャート作成: ズームに応じたデータ サンプリング

Dygraphs は他のソリューションと比較して非常に優れたパフォーマンスを発揮しますが、より多くのデータ ポイントを表示すると、必然的にパフォーマンスが低下します。

すでにすべてのデータをローカルにロードしています。Dygraphs がより低い解像度 (データ ポイントの数に関して) をインテリジェントに表示し、ズームでより多くを表示する方法はありますか?

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

dygraphs - setSelection() は、highlightCallback ハンドラ関数を呼び出すことを意図していますか?

タイトルにあるように:

登録されたハンドラ関数setSelection()を呼び出すことを意図していますか? highlightCallback私の経験では、そうではなく、独自のコードからハンドラー関数を呼び出して同じ効果を得るのに十分なコンテキストがありません。

これは、Dygraphs のバグとして認定される可能性があります。