Comencé a usar gráficos ng2 con Angular donde necesito ocultar el texto/valor que viene en una porción de dona/gráfico circular como se muestra y resalta en la siguiente captura de pantalla
A continuación se muestra mi código
pieChartOptions = { responsive: true, maintainAspectRatio: false, tooltips:{ callbacks: { label: (ttItem,data) => (`${data.labels[ttItem.index]}: ${data.datasets[ttItem.datasetIndex].data[ttItem.index]}%`) } }, plugins: { display:false, // labels: { // // render: 'percentage', // // fontColor: ['red', 'red', 'red'], // // precision: 2, // display:false // }, datalabels: false , label:false, }, legend: { position: 'bottom', labels: { fontColor: "black", boxWidth: 15, padding: 10, fontFamily: 'Poppins ', fontSize: 12, }, }, animation: { animateScale: true, animateRotate: true } }; isPieChartPercentage :boolean = true; pieChartColors = [ { backgroundColor: [ 'rgb(144, 238, 144)', '#ADD8E6', '#ffff80', '#e0eafc', '#f0b961', 'black' ] } ]Intenté estas cosas que no funcionaron para mí.
options: { datalabels: { display: false, //not working }, } options: { labels: { display: false // not working }, } options: { labels:false //not working }Cualquier ayuda será apreciada.
Puedo ver que está tratando de eliminar la etiqueta de su gráfico, es decir, del pastel de su gráfico. Entonces, para informarle si no sabe que la etiqueta proviene de "chartjs-plugin-labels"
O puede eliminarlo, si no, puede probar la siguiente solución
plugins: { labels: { render: function (args) { return ""; }, fontColor: ['black', 'black', 'black'], precision: 2, } },