1

Flot ライブラリの Firefox で大きなグラフが表示されない問題に遭遇しました。

これが私のサンプルです。

http://jsfiddle.net/SunMoonStar/9x7aJ/1334/

高さを 50000 に設定すると、このようなエラーが発生します

NS_ERROR_FAILURE: Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMCanvasRenderingContext2D.save]

誰かが私を助けてくれることを願っています。

前もって感謝します。

アップデート：

IE9 タグは、高さを 50000 に設定すると、IE9 でグラフの半分しか表示できないためです。

FireFox と同じ理由ではないかと思います。

4

1 に答える 1

1

はい; これは、Firefox だけでなく、ほとんど/すべてのブラウザーで共通の問題です。これは Flot の問題ではなく、ブラウザのキャンバス実装の制限です。

Canvas は単一の画面、つまり最大数千 x 数千ピクセル内で動作するように設計されています。これにはさまざまな理由があります。たとえば、25 億ピクセル (50k x 50k) をプッシュするパフォーマンスは、実際には役に立たないほどひどいものになります。したがって、ブラウザー開発者がこのような大きなキャンバス サイズを設計またはテストしているとは思えません。

ページのアーキテクチャを再考する必要がありますが、上で述べたパフォーマンスの問題を考えると、おそらくうまくいかなかったでしょう。このような極端なサイズで、ある種のスクロールを行っていると思います。巨大なキャンバスを作成して親 div 内でスクロールするのではなく、代わりに Flot ナビゲート プラグインを使用して、はるかに小さなキャンバス内でチャート データをスクロールする必要があります。

于 2012-10-31T12:12:44.747 に答える