i am using the below code to render my piechart.i want to remove the value label from the piechart slices.
highlighted the text to removed in the attached image.
Can anyone please suggest me a way to remove the value label from the slices.
var data = [{
values: [1,1,null,4],
labels: ['A', 'B', 'C', 'D' ],
bgcolorsrc:
['#FAEBD7','#CDEFD7','#FAcFD7','#FAEBD7'],
domain: {
x: [0,1]
},
name: 'Overall Status',
hoverinfo: 'label+percent+name',
hole: .6,
type: 'pie'
}];
var layout = {
width:newWidth,
height:newHeigth,
paper_bgcolor: 'rgba(0,0,0,0)',
plot_bgcolor: 'rgba(0,0,0,0)',
font: {
"color": "WHITE",
"size": 13,
"family": "Calibri",
"bold": true
},
hoverlabel: {
bgcolor: 'transparent'
},
legend :{
visible:true,
orientation: 'h',
x:0,
y:0,
tracetoggle: false ,
font:{
size:13
}
},
margin: {
l: 0,
r: 1,
t: 15,
b: 0,
pad: 0
},
interaction: ['toggle', 'isolate', false],
point: {
events: {
legendItemClick: function () {
return false; // <== returning false
will cancel the default action
},
plotly_legendclick: function () {
return false; // <== returning false
will cancel the default action
}
}
},
annotations: [
{
font: {
size : 10
},
showarrow: false,
text: ' ',
x: 0.1,
y: 0.2
}
]
};
Plotly.newPlot('myDiv', data, layout);