問題タブ [flot]

jQuery/FLOT を使用してグラフを描画しています。ユーザーがグラフの PDF バージョンをダウンロードできるようにしたいと考えています。ColdFusion を使用して PDF を作成しています。グラフを作成した後、グラフ div の html を ajax 経由で、cfdocument を使用して pdf を書き込む CF スクリプトに送信します。問題は、PDF では、実際のグラフ データではなく、軸とラベルのみが表示されることです。キャンバス上に動的に作成された実際の画像を取得する方法を知っている人はいますか?

X 軸に日付、Y 軸に Amt のグラフを表示する必要があります。それぞれ n か月のデータを持つ 8 行 (系列) があります。グラフをプロットすると、確かに 6 か月のデータが送信されます (1 行のデータを以下に示します)。

[1251701950000、34.50553] [1254294030000、27.014463] [1256972350000、26.7805] [1259567970000、33.08871] [12622446430000、51.987762]

ただし、グラフは次のように表示されますhttp://twitpic.com/1gbb7m

最初の月のラベルがなく、先月が正しく配置されていません。flot js コードは次のとおりです。

flot グラフに渡す json を取得しようとしています。ハードコーディングしてチェックしたので、jsonが正しいことはわかっていますが、表示されていないため、正しく渡されていないことは確かです。これがJavaScriptです：

ここにjsonがあります：

Flotを使用して、サーバーからプルバックしたデータをグラフ化しています。受信したX軸のデータはミリ秒単位で、X軸のグラフを秒単位で表示したいと思います。したがって、これはAPIのtransform軸オプションの適切な使用法だと思いました。私は次のように変換を適用しました：

変換関数がフレームワークによって呼び出されていることがわかります。また、ポイント自体が変換されていることがわかります。plothoverイベントをバインドしてポイントにカーソルを合わせると、X値が適切に変換されていることがわかります。問題は、x軸の目盛りラベルも変換されていないことです。

軸ラベル自体をデータで変換するにはどうすればよいですか？

flotを使用して描画しているチャートがあります。誰かがテキストにカーソルを合わせたときに、データプロットの色を変更したいと思います。現在、何かを強調表示する必要があるたびにチャート全体を再描画することでこれを行っています。これはかなり遅いです（単純なグラフの場合は約30ミリ秒、より複雑なグラフの場合は100ミリ秒）。色を変えるだけなので、もっと速い解決策はありますか？

私は毎分データベースのデータをポーリングする単純なアプリケーションを持っています。新しいデータがフェッチされると、ajaxを使用してグラフを更新しています。ただし、グラフを更新する（プロットデータに新しい値を追加して再プロットする）と、ズームの現在の状態が失われます。グラフを更新する前に、最新のズーム位置を保持したいと思います。グラフを更新した後、保存した位置にグラフをズームしたいと思います。毎分再ズームするのはイライラするので、これは重要です。これは可能ですか？

FlotグラフライブラリjQueryプラグインを使用していますが、サイズの変更が含まれている場合<div>（たとえば、ウィンドウのサイズ変更のため）、グラフのサイズ変更を処理するための適切な方法が見つかりませんでした。onresizeイベントを処理するときに、包含の幅と高さが<div>正しいサイズに更新されていることを確認してから、setupGridとdrawの両方をプロットオブジェクトに呼び出してみましたが、効果はありませんでした。含まれているグラフを削除して再読み込みし、その中のグラフを再プロットするというアプローチで、ある程度の成功を収めまし<div>た。ただし、他を追加する必要がある場合、これは無限のサイズ変更イベントループでスタックする傾向があるようです<div>同時にドキュメントの要素（グラフのツールチップなど）は、サイズ変更イベントもトリガーできると思いますか？私が行方不明になっていることを処理する良い方法はありますか？

（Flotと関係がある場合は、Flotを使用できるようにするためにExplorerCanvas for IEも使用しています。他のブラウザーではまだ実際に試していません）

javascript関数に渡されるJSON形式（phpから取得）のデータがあります。これを実行しようとすると、「無効なプロパティID」エラーが発生します。

以下はjs関数のシグネチャです（データとオプションの両方がJSON形式です）

関数draw_quadratic（データ、オプション、アルファ、ベータ）

以下は、サンプルの関数呼び出しです。

（私はflot jsライブラリを使用していくつかのグラフをプロットしようとしています）

前もって感謝します

jquery flot を使用していくつかの素晴らしいグラフをプロットしました。x-as には週番号が表示されます。冬季 (10 月から 4 月) の週番号を表示したいのですが、それは不可能です。フローはストレート セット (0,1,2,3,4 など) が好きで、(49, 50, 51, 52 ではありません) 、1、2 など)。誰もそれを修正する方法を知っていますか? http://sionvalais.com/snowcondition/andermatt/36

私は、Flot を使用してグラフを作成することに多くの成功を収めてきました。ただし、ライブラリを使用して 2 つの線の間の領域でシェーディングを行う方法を理解できないようです。私の目標は、以下に示すように影付きの領域を作成できるようにすることです。

グラフ1 http://hizkiya.com/images/1.jpg グラフ2 http://hizkiya.com/images/2.jpg

このプラグインを見つけましたが、ここで示されているように、線の値の範囲のみをシェーディングできるようです。

アップデート：

ややハックですが、ようやくシェーディングが機能するようになりました。他の人が利益を得ることができるように、ここで何が機能するかを記録しています。

2 つの線の間で影を付けるには、2 つのデータ セットをマージし、上位のデータ セットを逆順に並べる必要があります。データセットの最初と最後のポイントが同じであることを確認してください。そうしないと、奇妙な結果になる可能性があります。

たとえば、 で設定lines: { fill: true}するdata: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]]と、塗りつぶされた領域になります。