Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

1.1K
Views
Saltos de línea de información sobre herramientas de Chartjs

¿Es posible obtener saltos de línea en la información sobre herramientas de chartjs?

 tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>"

Quiero reemplazar ":" con una nueva línea.

He intentado con &#013; , \u000D , \n y <br /> en vano.

Actualización: he cambiado mi respuesta aceptada ahora que chart.js está en la versión 2.

over 4 years ago · Santiago Trujillo
3 answers
Answer question

0

Si está utilizando 2.0.0-beta2, puede usar la devolución de llamada de información sobre herramientas y devolver una matriz de cadenas allí.

 tooltips: { mode: 'single', callbacks: { afterBody: function(data) { var multistringText = ['first string']; // do some stuff multistringText.push('another string'); return multistringText; } } }
over 4 years ago · Santiago Trujillo Report

0

En realidad, todas las devoluciones de llamada de información sobre herramientas admiten varias líneas de texto, y puede usar la devolución de llamada de label como de costumbre. Representa la etiqueta de datos como texto de información sobre herramientas de forma predeterminada.

Citado de la documentación :

Todas las funciones deben devolver una cadena o una matriz de cadenas. Las matrices de cadenas se tratan como varias líneas de texto.

Código de ejemplo:

 tooltips: { callbacks: { label: (tooltipItem, data) => { if (tooltipItem.index % 2) return ['Item 1', 'Item 2', 'Item 3']; else return 'Single line'; } } }
over 4 years ago · Santiago Trujillo Report

0

Puede usar la devolución de llamada del pie de página de información sobre herramientas, tampoco representará un cuadrado de color para cada lista.

 tooltips: { callbacks: { label: function(tooltipItem, data) { let label = data.datasets[tooltipItem.datasetIndex].label; let value = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index]; return label + ': ' + value; }, footer: function(tooltipItems, data) { return ['new line', 'another line']; } } }

over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!