問題タブ [stacked-area-chart]

4 つのカテゴリを含むスタック エリア チャートを作成しようとしていますが、すべて合計すると 100 になります。しかし、それらは完全にチャートから外れています。ここに私のフィドルがあります：http://jsfiddle.net/RL_NewtoJS/9rCWG/

ここにもコードがあります

現在、19 の凡例を含むファイルカーブに取り組んでいます。デフォルトでは、グラフの色は似ており、右側のグラフのいくつかのバーに正しく積み上げられていません。

これは私のデータです：

これは私のgnuplotファイルです：

これは次のような出力です。

最近の 4 か月を削除しようとしましたが、見た目は良くなりましたが、グラフにすべての日付を入れる必要があります。コメントしてください..ありがとう！

だから私はflotチャートとflotツールチッププラグインのサポートを提供するように言うstackpercentプラグインを使用しています。現在、棒グラフではなく折れ線グラフでプラグインを使用しています。これはプラグインで引き続き機能するようですが、何らかの理由で flot ツールチップに %p が正しく表示されません。パーセンテージではなく、テキスト「%p」が表示されるだけです。何か案は？

更新:プラグインの例のような棒グラフではなく、折れ線グラフを使用していたという事実に関係があるのではないかと思いましたが、棒グラフにも表示されません...

ローカル データベースからの時系列データから初期の dc.js 積み上げ面折れ線グラフを作成しました。すべての計算はデータベース サーバーによって処理され、データは時間間隔 (数分から数時間) で取得されます。使用されるクロスフィルター ディメンションは日付 (ミリ秒のエポック時間で指定) であり、1 つのグラフにまとめてグラフ化される 2 つのグループが含まれます。これら 2 つのグループの値は、選択した時間間隔で平均化されます。これも db サーバーによって行われます。データ セット全体をスクリプトにロードすることは避けたいと思います。

最初のグラフはレンダリングされ、問題なく動作しますが、私のchart.on('zoomed', function(c, f) {..})では、データベースを再度解析して、新しいより正確なデータ セットを取得します。

つまり、グラフを拡大すると短い時間間隔のデータが選択され、縮小すると長い時間間隔のデータが選択されます。

古いデータをクロスフィルターから削除し、新しいデータをクロスフィルターに追加する必要があることを理解しています。ソースはこのスレッドからです。ただし、それをchart.on('zoomed', function(c,f) {..})に実装すると、最初のズーム後にTypeError: group is undefined が返されます。

このエラーの原因がわかりません。chart.group(..)は、ページが最初に読み込まれたときに定義されます。ここに私の機能があります、

NVD3 の StackedAreaChart で一部のデータをキャプチャするのに問題があります。

この回答を使用して、クリック イベントを正常にインターセプトできます: NVD3 積み上げ面グラフ

ただし、もう 1 歩深くする必要があります。イベントをインターセプトしたので、次のようなオブジェクトが返されます。

オブジェクトの pos 配列が最も有望に見えます。配列の最初の要素は明らかに x 座標で、2 番目の要素は y 座標です。

探している x 軸上のデータ ポイントを取得するために、この数値を x 軸の値を生成する同じ関数にパイプしようとしています。しかし、私は運が悪く、頭を何度も叩いていた机が頭を下げ始めています。

基本的に逆方向に歩いて、取得している座標を d3 で利用可能なチャート関数にパイプして、私が望んでいる x 値を取得する方法について、誰もが洞察を持っていますか?

StackedAreaChart の y 軸のスケールを変更する方法を知りたいです。

配列があり、y 軸を配列の最大値に調整し、すべての値を新しいスケールで描画したいとします。

図の積み上げ面グラフには、10 系列のデータがあります。しかし、最後の 4 つのシリーズのデータ​​はすべて NULL です。シリーズ 6 のグラフの色が正しく表示されません。

ズーム後、グラフは許容できるように見えます。ズームアウトのないグラフが正しく表示されません。すべてのシリーズのデータ​​が存在する場合、グラフは正常に機能します。

これはハイチャートの問題ですか? これはとにかくこの問題に関連していますか