移除 Highcharts 曲线上的抗锯齿答案

【问题标题】：Remove antialiasing on Highcharts curves移除 Highcharts 曲线上的抗锯齿
【发布时间】：2013-05-24 09:15:38
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

shape-rendering 是一个 CSS 属性，因此您可以为所有路径设置它

path {
    shape-rendering: crispEdges;
}

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

如果您使用的是 SVG 文档，那么

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

可能对你有用。

如果您希望它成为 highcharts 本身的一部分，您可以投票给 highcharts shape-rendering suggestion。

【讨论】：

【解决方案2】：

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

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

【讨论】：