javascript - ハイチャート曲線のアンチエイリアシングを削除

Question

HighCharts を使用して、SVG 曲線のアンチエイリアシングを削除したいと考えています。

これまでのところ、私はこれを使用しています:

$('path').each(function(i,j){$(j).attr('shape-rendering', 'crispEdges')})

つまり、Highcharts API に実装されているものはありますか?

score 0 · Accepted Answer

shape-rendering は CSS プロパティであるため、次を使用してすべてのパスに設定できます。

path {
    shape-rendering: crispEdges;
}

また、継承されるため、親要素またはルート要素に設定すると、すべての子がそれを取得します。

SVGドキュメントで作業している場合

document.documentElement.setAttribute("shape-rendering", "crispEdges");

あなたのために働くかもしれません。

これをハイチャート自体の一部にしたい場合は、投票できるハイチャート形状レンダリングの提案があります。

score 0 · Accepted Answer

残念ながら、Highcharts にはその属性の API がありませんが、これを少し似たように設定でき、より高速になるはずです: http://jsfiddle.net/3bQne/163/

                $("#container path").attr({
                    'shape-rendering': 'crispEdges'
                });

2 に答える 2