The labelline of piechart of apache echart is visible on hover

Question

I'm having trouble hiding the label line on hover in my pie chart using ECharts. I've successfully hidden the label and label line initially with ECharts options, but the label line remains visible when hovering over pie chart The sample code for hiding the label and label line is

chartData = [
{ value: 20, name: 'Open', label: { show: false }, labelLine: { show: false } },
{ value: 30, name: 'In Progress', label: { show: false }, labelLine: { show: false } },
{ value: 60, name: 'Done', label: { show: false }, labelLine: { show: false } }];

Answer 1

Here, is the basic implementation to hide label line:

EXAMPLE:

You can do show:false to hide label as well.

label: {
   show: false,
}