如何消除halo和Highcharts饼图之间的细白线

如何消除halo和Highcharts饼图之间的细白线,highcharts,Highcharts,演示Highcharts饼图的悬停晕和饼图段之间有一条非常细的白线。光晕颜色与悬停颜色相同,其笔划宽度为0 pie: { shadow: false, borderWidth: 0, states: { hover: { color: '#ff7f00', brightness: 0, lineWidth: 0, halo: { size: 9, opacity: 1,

演示Highcharts饼图的悬停晕和饼图段之间有一条非常细的白线。光晕颜色与悬停颜色相同,其笔划宽度为0

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
          });
        }
      }
    },