問題タブ [dygraphs]

例を考えてみましょう: http://dygraphs.com/tests/two-axes.html

上記のコードは、Y3 を第 2 軸として Dygraph を作成します。
私の質問は、「Y3」をハードコーディングする代わりに変数として渡すことができるかということです。
私はそれを動的にしようとしています。
文字列 variable/array/json obj として渡そうとしました。しかし、うまくいきませんでした。
「Y3」を変数として渡す解決策を親切に提案してください。

次の HTML は IE8 でグラフを表示しません。Firefox、Chrome、IE9 および IE10 で正常に動作します。IE8 では、キャプション (日付) と「気圧」しか表示されません。dygraph-combined.js が現在のバージョンです。最初の 6 行は推奨どおりです。幅オプションを外すと、機能します。

人生をより面白くするために、 width を ylabel:'millibars' に置き換えた場合、ラベルは表示されません。Gawds 私は IE が嫌いです。

ズーム範囲でいくつかの dygraph グラフを正常に同期しています (zoomCallback と updateOptions({dateWindow: new_range}) を使用)。

ハイライトも同期させたいと思います。ユーザーがグラフの 1 つで 1 つのポイント (x、y) を強調表示すると、他のグラフで同じ x を持つすべてのポイントを強調表示したいと思います。

誰かがこれを行う方法を知っていますか?

私の特定のケースでは、各グラフには 1 つのシリーズのみが含まれ、すべてのシリーズの x 範囲は同じです。

このコードを使用して CSV データからグラフを表示しますが、値が欠落しているポイントが接続されていません。なにが問題ですか？

コードにデータを埋め込むと機能します。

の内容log.csv:

dygraph が x 軸と y 軸でティッカーを生成する方法が気に入っています。

dygraphがそれらを生成し、ビューウィンドウに基づいて調整する方法に問題がないため、新しいティッカー関数を作成したくありません。日付形式をローカライズして、独自のテキストを追加したいだけです

より明確にするために、

すべてのティッカーが同じ日にある場合、ダイグラフが時間 (HH:MM) のみを表示する方法が気に入っています。ティッカーが別の日にクロスオーバーする場合、HH:MM 形式で表示されますが、クロスオーバー ポイントでは DD- が表示されます。月フォーマット

これらすべての機能をキールしたいのですが、ロケールに従ってフォーマットするのが好きです。

これを指定できる簡単な方法はありますか?

「highlightSeries」が有効になっていても、シリーズが「選択」されていない場合でも、マウスの位置を指定して、常に最も近い x 軸ポイントに dygraph を「ロックオン」する必要があります。

現在、「highlightSeries」が有効になっている場合、ダイグラフはユークリッド距離によってユークリッド空間で最も近い点を選択しますが、これは通常、私のユースケースでは正しい機能ではありません。代わりに、寸法の 1 つ (x 軸) が固定されている最も近い点を選択する必要があるため、どの点が最も近いかを判断するときに y 軸にのみ依存できます。これは、任意の数のプロットされた曲線で機能する必要があります。

同様の機能は、ユーザーが曲線をクリックして曲線を「選択」したときに例示されることに注意してください。これは、「最も近いシリーズを強調表示」の例 ( http://dygraphs.com/gallery/#g/highlighted-series ) で示されています。同様に、dygraph が「highlightSeries」を有効にせずに曲線をプロットする場合、正しい機能が提供されます。

ただし、複数の曲線があり、「highlightSeries」が有効になっていて、ユーザーが特定の曲線を選択していない場合でも、このタイプの機能が必要です。この場合、固定された x 軸に基づいて最も近い曲線を選択する必要がありますが、y 軸で最も近い曲線が選択されます。

十字線の交点は、スクリーンショットを撮ったときにマウスがあった場所でもあることに注意してください (マウス自体は表示されません)。Dygraph はユークリッド空間で最も近い点を選択しており、曲線自体で強調表示されています。

繰り返しますが、この動作の代わりに、dygraph はマウスが配置されている x 軸の点で曲線上の点を選択する必要があります。この場合、灰色の垂直十字線コンポーネントがオレンジ色の時系列曲線を切断する場所になります。

この種の動作を実現するにはどうすればよいですか?

* 編集 *

私が作成した 1 つの (悪い) 回避策は次のとおりです。

残念ながら、「mousemove」の性質上、これは dygraph 固有のクリック アンド ドラッグ (ズーム用) のハイライト インタラクションを妨げます。また、曲線上の円がすぐに切り上げられて次のデータポイント。確かに、より良い解決策が必要ですか？

*編集2 *

以下は、固定行 (x 軸ポイント) を指定して、最も近い曲線/シリーズを選択 (ロックオン) する回避策です。どのシリーズが現在の Y 位置 (マイナス 10px オフセット、私の状況に固有) に最も近いかを調べることによって）。また、ダイグラフ固有のクリック アンド ドラッグ (ズーム用) のハイライト インタラクションに干渉せず、曲線上の円がすぐに切り上げられて次のデータ ポイントにジャンプするのを防ぐための基本的なロジックを提供します (nb using固定値または私のユース ケースに固有の 90px オフセット)。

より良い解決策はありますか？

グラフの 1 つのセクションを青色に、次に 1 つのセクションを緑色にする方法を見たことがありません。別のシリーズを作成することもできますが、それは私には役に立ちません。ある色の時間 x から時間 y まで、次に時間 y から時間 z までのセクションが必要です。