javascript - 去除 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");

可能适合你。

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