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

183
Visualizações
Ajuste de texto de diagrama de árbol.js

En mi código a continuación, puedo dibujar un Treemap y también mostrar la etiqueta en cada celda del árbol. Pero el texto desborda el mosaico si es una palabra larga

Necesito asegurarme de que la palabra permanezca en el mosaico incluso si eso significa poner .... después de ciertos caracteres. ¿Cómo puedo lograrlos? Eche un vistazo a la versión de chart.js y Treemap que estoy usando antes de proporcionar la solución. Muchas gracias :)

 var topTags = [ {tag:'android',num:42657},{tag:'reactjs',num:38844},{tag:'php',num:34381},{tag:'sql',num:29996}, ]; var canvas = document.getElementById("treemap"); var ctx = canvas.getContext("2d"); var chart = window.chart = new Chart(ctx, { type: "treemap", data: { datasets: [{ tree: topTags, key: "num", groups: ['tag'], spacing: 0.5, borderWidth: 1.5, fontColor: "black", borderColor: "grey" }] }, options: { maintainAspectRatio: false, legend: { display: false }, tooltips: { enabled: false } } });

VERSIÓN CHART.JS Y TREEMAP:

 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-chart-treemap@0.2.3"></script>
about 4 years ago · Juan Pablo Isaza
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