javascript - 移除 Highcharts 曲线上的抗锯齿

Question

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

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

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

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

Answer 1

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

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

Answer 2

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

path {
    shape-rendering: crispEdges;
}

比如像这样。

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

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

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

可能对你有用。

如果您希望它成为 highcharts 本身的一部分，您可以投票支持highcharts形状渲染建议。