問題タブ [dygraphs]

Web サイトにさまざまなプロットを表示するためのスライド カルーセルを作成しようとしています。プロットは Dygraph で行われます。プロットの 1 つを表示することはできますが、左または右にスライドすると、もう一方は表示されません。アクティブにしたプロットのみが表示されます。これは、bootstrap carousel/dygprah 間のキャンバス描画の競合ですか?

誰かがこの問題を解決しましたか? 最初のアイテムをアクティブにすると最初のプロットが表示されますが、スライドすると 2 番目のプロットは表示されず、2 番目のアイテムをアクティブにするとその逆になります。さらに興味深いことに、両方を「アクティブ」にすると、両方が同時に表示されますが (一方が他方の上に表示されます)、スライドすることで、両方のプロットが適切な場所に正しく表示されます。私のカルーセルのコードは次のとおりです。

そして、dygraph プロットを生成するスクリプト:

助けてくれてありがとう

Dygraphs ライブラリに関する質問です。

多変量時系列の特定の変数のレンダリングを抑制するために「可視性」メソッドを使用する場合、強調表示された目に見えるポイントのみが「highlightCallback」関数に渡されます (ドキュメントでは「ポイント」と呼ばれる 3 番目のパラメーター)。ユーザーがコールバック関数のすべてのポイントにアクセスできると便利です。つまり、ハイライトされた可視ポイントと、対応する変数が visible に設定されている場合にハイライトされたポイントです。

私の質問: (un)highlightCallback 関数内の非表示の強調表示されたポイントの座標にアクセスするための機能/回避策はありますか?

問題を明確にするために、ここに簡単な例を示します。

次の多変量時系列があると仮定しましょう

およびこのデータセットを使用する Dygraph オブジェクトg。設定しました

したがって、対応する時系列var1は描画されますが、var2非表示になります。ここvar2で、時系列の強調表示された各ポイントの長さの垂直線を描画するとしますvar1。つまり、

• ポイントが強調表示されたときの から(1,5.1)までの線(1,5.4)=(1,5.1+0.3)(1,5.1)
• ポイントが強調表示されたときの から(2,5.5)までの線(2,5.7)=(2,5.5+0.2)(2,5.5)
• ポイントが強調表示されたときの から(3,5.8)までの線(3,5.9)=(3,5.8+0.1)(3,5.8)

これは、highlightCallback 関数を使用して行われます。

残念ながら、highlightCallback 関数で、目に見えない時系列のデータvar2(つまり、points[1].yvalここでは垂直線の長さを決定するために使用される) にアクセスする方法を見つけられませんでした。

ご協力ありがとうございました！

次のコード

収量

ダイグラフが定義されていません

Firefox 11.0、および

【ダイグラフ1.2】

Chrome 17.0.963.83 で。

そのため、スクリプトは両方のブラウザーで読み込まれますが、Firefox 11 では実行されないようです...なぜでしょうか? これを本来のように動作させるにはどうすればよいですか?

このスクリプトはDygraphであり、その Web サイトからは Firefox で動作しますが、jQuery の $.getScript の動作が異なる可能性があるため、私のグラフは Chrome でのみ動作します...

GWT アプリケーションで dygraph (gviz を使用) を作成しようとしています。ダイグラフは、左上隅に折りたたまれたチャートとして表示されます。その隅にスライダーが見えます。ブラウザー ウィンドウのサイズを変更すると、グラフが期待どおりに表示されます。

chart.resize(width,height) を呼び出すことを考えましたが、エラー chart has no method resize が表示されます。

それを修正する方法はありますか？

サーブレットを使用して単純な WebApplication を構築しています。私は初心者ですが、この技術を最大限に学ぼうとしました。解せないものがあります。私のサーブレットの 1 つは便利な BalusC FileServlet です。

GET 要求に応答して、必要なファイルをきれいに取得します。

この FileServlet を使用して、Dygraph の CSV ファイルを提供します

ゲストと管理者の 2 種類のユーザーがいます。ゲストはグラフを表示できますが、CSV ファイルをダウンロードすることはできません。管理者は両方を実行できる必要があります。

fileServlet は URL パターンに次のように応答します: file/* (* はファイル名)。Dygraph は URL で指定されたファイルを読み取るため、非常に便利です。

この webapp 内に構築された loginServlet があり、ユーザーが Dygraph に指定された URL をコピーして貼り付けるだけで、fileservlet がファイルを提供するのを回避できるようにしたいと考えています。FileServlet はすでにセッションとそのセッションからのログユーザーを取得できますが、GET メソッドを呼び出したページを検出する方法がわかりません。ブラウザーのアドレス バーからではなく、JSP コード内から呼び出された場合にのみ、fileservlet がファイルを提供するようにします。

少し説明させてください：

つまり、ゲストユーザーとして、次のJavascriptコードはグラフを表示する必要があります（FileServletがファイルを提供します）

変数: "${messages.rutacsv}" は、次のようなサーブレットに置き換えられます。

「ファイル/2012-04-20_1.csv」

したがって、Dygraph はファイルを適切に読み込み、線をプロットします。

しかし、ユーザーが ContextName の後にこの URL をコピーペーストしてブロックしたことを FileServlet が検出できるようにして、Dygraph のみがファイルをダウンロードできるようにしたいと考えています。

たとえば、ユーザーがブラウザに次のように入力したとします。

ダウンロードできないはずです。管理者のみができる必要があります。

現在、FileServlet を実装して、別の URL パターンまたは POST メソッドで呼び出す必要があるので、単純なユーザーのコピーパスタが「origining-JSP」チェックを通過できないようにする必要があると考えています。

ところで、私は Struts2 を試してから戻ってきましたが、これはこのアプリケーションには複雑すぎます。シンプルなサーブレットと JSP を使用した開発の利便性と容易さのために、私はそれを放棄しました。

これは、エラー バーセクションのdygraphsから直接取得したもので、dygraph コードを含む html と同じディレクトリに csv ファイルがあります。Firefox も Chrome もエラーをスローしたり、線を描画したりしません。軸と背景グリッドのみが表示されます。これをどう追い詰めていくか。 .csv ファイルがロードされていますか? dygraph-combined.js のどこから始めればよいですか?

私は dygraphs を使用していますが、fillGraph の代わりに少し透明度のある無地の色を得るために、塗りつぶしグラフの透明度をオフにできるかどうか疑問に思っていました。もしそうなら、どのように？

ありがとう！

Dygraphsを使用してデータを表示しています。具体的には-Dygraph.Gvizchart。connectSeparatedPointオプションを使用してみましたが、結果がありません。これが私が持っているフォーマットです：

ただし、日付が欠落している場合は、グラフに次のデータポイントまでギャップを残し、現在のように下向きに垂直線を描画しないようにします。'null'、'undefined'を使用して、その日付を省略してみましたが、役に立ちませんでした。この垂直線の振る舞いは欺くことができます。Dygraphの達人は解決策を知っていますか？ありがとう！

一部の線が互いに積み上げられ (左側の Y 軸)、他の線が積み上げられていない (右側の Y2 軸) グラフを作成することはできますか?

そして、チャートの下にいくつかの線を塗りつぶし、同じグラフに他の線を塗りつぶしたくありません。

どこかに例はありますか？見つけたことがありません。

私は自分の Web ページで dygraph の最後のバージョンを使用しています。先週更新しました。コンピューターでもタブレットでも見栄えがしますが、スマートフォンでは問題が発生しています。画面の任意の場所をクリックすると、グラフは有線の処理を行います。簡単な解決策として、ズームイベントまたはクリックイベントを無効にして、それを見てより良い解決策を見つけることができると考えました。

私は調査を行いましたが、私が見つけたすべてはこれです：

https://groups.google.com/forum/?fromgroups#!topic/dygraphs-users/XqeoS3UAIQk

解決方法: インタラクションのデモを参照してください。探しましたが、何も見つかりません!

助言がありますか？？ズームまたはクリックイベントを無効にするもの、または迅速な解決策のためのより良いオプションが機能します!!

どうもありがとうございました！！