删除Highcharts曲线上的抗锯齿

Question

使用HighCharts，我希望消除SVG曲线上的抗锯齿。

到目前为止，我使用的是：

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

我想知道这是不是一种更好的方法，也就是说，Highcharts API中是否实现了什么？

Answer 1

形状呈现是一个CSS属性，因此可以使用以下命令为所有路径设置

path {
    shape-rendering: crispEdges;
}

Like this for instance。

它也是继承的，所以如果你在父元素或根元素上设置它，所有的子元素都会得到它。

如果您正在使用SVG文档，那么

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

可能对你有用。

如果你想让highcharts shape-rendering suggestion成为highcharts本身的一部分，你可以投票给它。

Answer 2

不幸的是，Highcharts没有针对该属性的API，但您可以将其设置得有点类似，而且应该更快：http://jsfiddle.net/3bQne/163/

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