問題タブ [flotr2]

グラフの線の色を変更すると、凡例が同じ色で更新されません。デフォルトの色のままです。凡例の色を更新して、グラフと同じ色を表示するために必要なことはありますか?

コードと jsfiddle の両方が同じ例です。

http://jsfiddle.net/ye0ny57j/

一部のデータを表示することになっている flotr2 グラフがあります。

編集: Chrome ユーザー: 注意してください、この jsfiddle は chrome では機能しないようです。理由はわかりません

http://jsfiddle.net/1jgb2k6r/7/

私の問題は、バーが表す日付の中央に配置されていないことです。

これらのバーを再調整する方法はありますか?

flotr2 を使い始めたばかりで、1.3333338 のように多くの 10 進数を含むラベルが必要です。flotr2 yaxis でそれを定義する方法。

ポイント グラフをプロットしていますが、グラフは 5 秒ごとに新しいデータで更新されます。ここで、最小範囲と最大範囲は常に固定されています

現在、サーバーから新しいデータを取得すると、新しいデータを既存の source.data にマージし、完全なグラフをプロットします。

そのため、完全なデータを何度も再描画したくありません。source.data の長さが長くなると、パフォーマンスが低下します。したがって、完全なデータを再描画する代わりに、新しいデータのみを既存のグラフに追加できますか

ソースコードはこちら

Stephen A. Thomas 著の Data Visualization With Javascript という本を手に入れたばかりで、演習に取り組んでいます。最初の章はFlotr2です。この本が私に教えてくれたことは次のとおりです。

これと本の内容の唯一の違いは、本では window.onload を実行するように指示されており、代わりに addEventListener を使用したことです。この本では、これにより複数の色 (リストされている色) の棒グラフが作成されるはずですが、私のバーはすべて同じ色であり、リストされている最初の色です。私はすべてを試しましたが、何もうまくいかないようです。Flotr2でこの問題に遭遇した人はいますか? 最新版を使っているのですが、本が出てから新しいFlotr2だけの問題でしょうか？それとも私は何か間違ったことをしていますか？

正と負のデータを yAxis (正と負の両方に複数の列) と呼ばれる 1 つのデータ セットにマージしました。コードは次のとおりです。

「bad」と「ble」を赤くしたいです。この問題をflotで処理する方法のマニュアルをいくつか見つけましたが、flotr(flotr2)では処理しませんでした。

以下のように何とかする方法はありませんか？それとも、ここのようにデータを分割する必要がありますか?

Stephen A. Thomas著Data Visualization with JavaScript (No Starch Press、2015 年)の入門的な例を再現しようとしています。

JSFIDDLE .

コードは次のとおりです。

HTML

JS

私が直面している問題は、 のラベル ( years) が表示されないことですxaxis。

yearsデータが入力されない原因は何ですか?

編集: Firefox では年が表示されず、Chrome では画面が完全に空白になります。

Flotr2 ライブラリを使用しています: https://github.com/HumbleSoftware/Flotr2

Flotrグラフが実際に描画を終了したときにトリガーされるコールバックまたはイベントハンドラーを追加する方法を理解するために、どこでも検索してきました。

小規模または中規模のデータでは問題なくグラフを描画できますが、より大きなデータ セットを使用すると、グラフの描画に時間がかかります。描画しようとしている間、グラフ コンテナーは空白なので、描画中に読み込み中のスピナーを表示し、グラフが実際に描画を終了したときにこのスピナーを非表示にしたいと考えています。

私の質問は、グラフが実際にいつ描画を完了したかを知る方法です。

誰かが私を正しい方向に向けるか、コードサンプルを提供してください。どんな助けでも大歓迎です。

ありがとうございました、