問題タブ [flot]
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.
javascript - Flot では、対応するラベルを削除せずにグリッドの目盛りを削除または非表示にすることは可能ですか?
Flot API ドキュメントでは、グラフの軸をカスタマイズするためのライブラリの広範なフックについて説明しています。軸ごとに目盛りの数や色などを個別に設定できます。ただし、x 軸のラベルも削除せずに Flot が垂直グリッド線を描画しないようにする方法がわかりません。tickColor、ticks、および tickSize オプションを変更しようとしましたが、成功しませんでした。
次のような美しい Tufte 互換のグラフを作成したいと考えています。
http://www.robgoodlatte.com/wp-content/uploads/2007/05/tufte_mint.gif http://www.argmax.com/mt_blog/archive/RealGDP_graph.jpg
グラフの垂直の目盛りがチャートのジャンクであることがわかりました。縦棒として表示している時系列で作業しているため、縦の目盛りが視覚的にうるさい方法で棒を切断することがよくあります。
jquery - フローチャートからデータ系列の色を取得する
stackoverflowユーザーページに新しい「レピュテーション」タブが表示された後、Flotチャートライブラリを少し試してみることになりました。数百系列の折れ線グラフがあります。これらのシリーズのいくつかだけが常に表示されます。私のデータシリーズはいくつかの「カテゴリ」にグループ化されており、そのカテゴリに基づいて数値のカラーインデックスを割り当てています。色をデータの「カテゴリ」に関連付けるカスタム凡例を作成するという最終的な目的のために、Flotによって特定のカラーインデックス値に割り当てられた実際の色を確認できるようにしたいと思います。これらの色の値を取得するにはどうすればよいですか?
色の独自の配列を提供できることはわかりますが、データをロードするまでカテゴリがいくつあるかわからないため、これを行うのは気が進まないです。大きすぎる配列を作成することもできると思いますが、各シリーズの色をFlotに尋ねることができれば、それは無駄に思えます。
javascript - フローティング ツールチップを使用した Flot の例はありますか?
私は現在、全体的に非常に強力なAPIであるFlotグラフに取り組んでいますが、高度な使用例は広く文書化されていません。
API は、グラフ上で hoverable を設定する方法があることを示唆していますが、それが正確に何を意味するのかはわかりません。
誰かが遭遇したいくつかの例、またはその問題のコードに貢献できるかどうかを知りたいです。これらは、次のいずれかの例を示しています。
- Flot チャート要素のイベントにカーソルを合わせるとトリガーされる動的なツールチップ
- 目盛りのツールチップ (x 軸にカーソルを合わせると詳細が表示されます)
- Flotで使用されているあらゆる種類のホバーオーバー/動的イベントバインディング
私が探している効果は、このOpen Flash Chart の例に似ています
flot - flotの目盛りラベルのサイズを制御するにはどうすればよいですか
私はflotで提示している基本的な棒グラフを持っています(ステータスごとの%を表示する5本の棒)。
特にグラフが小さな次元で表示されている場合、x 軸の目盛り値に使用されるフォントが少し大きすぎることがわかりました。240x100。API ドキュメントを読みましたが、目盛りラベルのサイズを制御する方法が見つかりません。
これはOOTBの可能性がありますか?
javascript - jQueryFlotのイベントフラグ
Google Financeで見られるような、いくつかのGoogleFlotチャートにイベントを追加したいと思っています。いくつか検索したところ、誰かがこれを開始し、http://code.google.com/p/flot/wiki/FlotUsageにいくつかの画像を投稿したようです。これを実行できるFlotプラグインが見つかりません。
誰かがFlotプラグインまたは例を知っているので、ホイールを再発明しないようにすることができますか?
javascript - Djangoテンプレート:javascript変数の値を挿入します
DjangoテンプレートでいくつかのJavaScript変数を割り当てようとしています。
割り当てている値がページに正しく書き込まれている(ページソースで確認できます)という問題がありますが、それでもとして表示されnull
ます。
私はこれをやっています:
作成されるページソースは次のとおりです。
完全に有効なJavaScriptのようですが、Firebugを使用しての値を表示するとcoords
、次のように生成されます。
push()
したがって、各呼び出しが正しく行われ、サイズ2の新しい配列が毎回追加されていることは明らかです。ただし、何らかの理由で、数値リテラルはすべてに評価されnull
ます。
これらの値を適切に使用する方法を知っている人はいますか?
更新:配列の値は、jQuery flotプラグインに渡すまでは問題ないようです:
ですから、これは私がDjangoテンプレートを使用している方法とは何の関係もないと思います。それでも、私は問題が何であるかについて興味があり$.plot
ます。
ruby-on-rails - Flotilla と Ruby on Rails の使用に関するヘルプ
私は Rails (および StackOverflow) を初めて使用するので、これが「ばかげた」質問である場合は申し訳ありません。非常に単純な Rails アプリケーションを作成しました。別のサーバーから (HTTP POST 経由で) データを受信します。送信されたデータをグラフにしたいと思います-特に、温度と時間のグラフを探しています。
Flotillaを使用してこれらのグラフを生成しようとしていますが、ホームページの 1 行の例を除いて、使用方法に関するドキュメントがあまり見つからないようです。
これは私の index.html.erb です:
最初の部分は単純に温度と時間のリストを出力します。これはうまくいきます。残念ながら、2 番目の部分 (実際のグラフ) は機能していないようです。実際には何も表示されません。
生成された HTML のソースを見ると、次のように表示されます。
しかし、実際のグラフは表示されません。助けてくれてありがとう。
jquery - 同一の範囲ティックをフロットする
こんにちは、固定範囲外のティックを追加したいと思います。つまり、私のティックは 1,2,3,3,3,3,4,5 になります。固定範囲ではなく、ティック番号に基づいてポイントをプロットするようにグラフ タイプのデータ セットに指示するにはどうすればよいでしょうか。
javascript - JavaScript は大規模なデータセットを視覚化する準備ができていますか?
通常、Excel で折れ線グラフまたは積み上げ棒グラフとして視覚化するいくつかのデータ (10 ~ 50 列、数十万行) があります。
ユーザーは、個々のサンプルに到達するためにグラフをズームインおよびズームアウトできるようにしたいと考えていますが、この種の操作は実際には Excel を屈服させます。
ブラウザーでの視覚化を処理するインライン JavaScript を使用して、データを HTML ページに埋め込むことを考えています。flotr JS チャート作成ライブラリのようなものがチャートに利用されます。
- これはばかげた考えですか?
- ブラウザはこの種の負荷に対応できていますか?
- これは解決済みの問題で、質問する前にもっと徹底的にグーグルで検索する必要がありましたか?