如何消除halo和Highcharts饼图之间的细白线
演示Highcharts饼图的悬停晕和饼图段之间有一条非常细的白线。光晕颜色与悬停颜色相同,其笔划宽度为0如何消除halo和Highcharts饼图之间的细白线,highcharts,Highcharts,演示Highcharts饼图的悬停晕和饼图段之间有一条非常细的白线。光晕颜色与悬停颜色相同,其笔划宽度为0 pie: { shadow: false, borderWidth: 0, states: { hover: { color: '#ff7f00', brightness: 0, lineWidth: 0, halo: { size: 9, opacity: 1,
pie: {
shadow: false,
borderWidth: 0,
states: {
hover: {
color: '#ff7f00',
brightness: 0,
lineWidth: 0,
halo: {
size: 9,
opacity: 1,
attributes: {
fill: '#ff7f00',
'stroke-width': 0
}
}
}
}
}
这是SVG中的anty别名。您可以使用
shape rendering
CSS选项来使用不同的选项:(crispEdges
看起来更糟;)
无论如何,您可以使用另一种解决方案,而不是halo
。只需禁用光晕并使用点。事件更改切片半径:
代码:
point: {
events: {
mouseOver: function() {
this.graphic.attr({
r: this.shapeArgs.r + 10
});
},
mouseOut: function() {
this.graphic.attr({
r: this.shapeArgs.r
});
}
}
},