Javascript 删除Highcharts曲线上的抗锯齿

Javascript 删除Highcharts曲线上的抗锯齿,javascript,svg,highcharts,antialiasing,Javascript,Svg,Highcharts,Antialiasing,对于HighCharts,我想删除SVG曲线上的抗锯齿 到目前为止,我使用的是: $('path').each(function(i,j){$(j).attr('shape-rendering', 'crispEdges')}) 我想知道这是否是一种更好的方法,即Highcharts API中是否实现了某些功能?形状渲染是一种CSS属性,因此您可以使用 path { shape-rendering: crispEdges; } 它也是继承的,所以如果在父元素或根元素上设置它,所有子

对于HighCharts,我想删除SVG曲线上的抗锯齿

到目前为止,我使用的是:

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

我想知道这是否是一种更好的方法,即Highcharts API中是否实现了某些功能?

形状渲染是一种CSS属性,因此您可以使用

path {
    shape-rendering: crispEdges;
}

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

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

document.documentElement.setAttribute("shape-rendering", "crispEdges");
可能对你有用


如果你想让它成为highcharts本身的一部分,你可以投票选择highcharts。

不幸的是,highcharts没有该属性的API,但你可以将其设置得稍微相似,并且应该更快:


这应该是理想的解决方案,但实际上不起作用..:/是否在html页面中显示图表?我已经扩展了我的答案来涵盖那个案例。
                $("#container path").attr({
                    'shape-rendering': 'crispEdges'
                });