Я использую plotly.js для рендеринга круговой диаграммы.Я хочу показать пользовательский текст на кусочках круговой диаграммы.Я могу добиться этого с помощью текстового атрибута в данных, но проблема в том, что как пользовательский текст, так и процентное значение отображаются в срезах.Я хочу удалить это процентное значение из среза.Есть ли способ удалить метку значения из фрагмента круговой диаграммы?
var data = [{
values: [1,1,0,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 = {
showlegend: true,
visible:"legendonly",
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);