2017-07-26 4 views
0

私は、棒グラフと棒グラフの表示にFlot Chartsを使用しています。同僚はバーがぼやけていると訴えていました。あなたは棒グラフをスクリーンショットとf.e.の下でそれをinvestiagateた場合、私はFLOTチャートの例のページにFlot Chartsバーの端がぼやけている

を同じに気づきました400%のズーム、あなたはぼやけていることがわかります。折れ線グラフはアンチエイリアスを使用しなければならないことを理解しています(少なくともステップモードではない!!!)が、矩形のバーをぼかしたエッジで描くのはなぜでしょうか。これを防ぐ方法はありますか?

私はlineWidthとshadowSizeの両方のオプションをこれに影響を与えずに試しました。

私はMS Excelの棒グラフでこの動作(f.e.)を認識しません。

答えて

0

これは、特有の問題ではありません。ズームインすると、HTML上に描画されたすべてがぼやけてしまいます。f.eを参照してください。 Canvas tutorial on MDN

+0

この問題の原因は、キャンバス自体である可能性があります。私は「CSSでキャンバスの高さ/幅を設定せず、属性だけでキャンバスを設定する」や「両方向でキャンバスを0.5で変換する」といったいくつかの推奨事項を見つけました。高さと幅は、flotの属性によって設定されているようです。翻訳が問題を解決するなら、私はFlotが最初にこれをしない理由を尋ねるでしょう。すべての長方形がぼやけていることを誰も気にしていませんか?ちなみに、ズームでは、キャンバスをズームしないで、そのスクリーンショットをグラフィックエディタでズームすることを意味しました。これは、元のぼやけをはっきりと見えるようにしたことに過ぎません。 – NicolasR

関連する問題