如何删除光晕和Highcharts饼图之间的细微白线

Question

http://jsfiddle.net/0bpkrnd3/4/表明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
        }
      }

    }
  }
}

Answer 1

这是SVG中的anty-aliasing。您可以使用shape-rendering CSS选项来使用不同的选项：http://jsfiddle.net/0bpkrnd3/5/（crispEdges看起来更糟;）

无论如何，您可以使用另一种解决方案，而不是halo。只需停用halo并使用point.events更改切片的半径：http://jsfiddle.net/0bpkrnd3/6/

代码：

    point: {
      events: {
        mouseOver: function() {
          this.graphic.attr({
            r: this.shapeArgs.r + 10
          });
        },
        mouseOut: function() {
            this.graphic.attr({
            r: this.shapeArgs.r
          });
        }
      }
    },