Why Is The Line Not Displayed In The Highcharts?

I am trying to make a donut chart using highcharts. With onmouseover I want to hide all labels and show the selected data label. I am able to do that using these lines: that.series

Solution 1:

You don't have to use svg elements directly, but you can hide all necessary data labels during the point updating.

Show data labels:

point.update({
                color: series.chart.options.colors[this.index],
                dataLabels: {
                  enabled: true
                }
              });

and hide data labels:

point.update({
                color: '#CCCCCC',
                dataLabels: {
                  enabled: false
                }
              });

example: http://jsfiddle.net/nyhmdtb8/12/