删除Highcharts曲线上的抗锯齿

Question

使用HighCharts，我想删除SVG曲线上的抗锯齿。

到目前为止，我正在使用它：

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

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

Answer 1

shape-rendering是一个CSS属性，因此您可以使用

为所有路径设置它

path {
    shape-rendering: crispEdges;
}

Like this for instance

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

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

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

可能适合你。

如果你想让它成为高等艺术本身的一部分，你可以投票选出一个高等级shape-rendering suggestion。

Answer 2

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

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