为什么线条没有显示在高位图中？

我正在尝试使用highcharts制作圆环图。 使用onmouseover我想隐藏所有标签并显示所选数据标签。 我可以使用这些行来做到这一点：

 that.series.dataLabelsGroup.hide(); that.dataLabel.show(); 

但它也隐藏了我的线，我连接到图表的数据值。 为什么线条不显示在高图中？ 这是我的代码：

 // Mouseover handler function(e) { var that = this; var series = this.series; console.log(series); for (var i = 0; i < series.data.length; i++) { var point = series.data[i]; console.log(point) if (point == this) { console.log('yes'); point.update({ color: series.chart.options.colors[this.index] }); } else { point.update({ color: '#CCCCCC' }); } } that.series.dataLabelsGroup.hide(); that.dataLabel.show(); return false; } 

jsfiddle http://jsfiddle.net/nyhmdtb8/11/

Answer 1

您不必直接使用svg元素，但可以在点更新期间隐藏所有必需的数据标签。

显示数据标签：

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

并隐藏数据标签：

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

示例： http ： //jsfiddle.net/nyhmdtb8/12/