Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

184
Visualizações
Ocultar la etiqueta en la porción de Dughnut/Gráfico circular Gráficos angulares ng2

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

Imagen 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.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

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, } },
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda