Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

333
Vistas
Chartjs: mantenga la información sobre herramientas abierta cuando el usuario haga clic en un punto de datos en el gráfico

He estado mirando este hilo con el siguiente JSFiddle , que hace exactamente lo que necesito. Parece que la respuesta está desactualizada, pero no puedo hacer que funcione.

Lo que estoy tratando de crear es un complemento que permitirá al usuario hacer clic en un punto de datos en el gráfico, y la información sobre herramientas permanecerá abierta. Luego haga clic en otro punto de datos, y esa información sobre herramientas también permanecerá abierta. Esto permitirá al usuario comparar más fácilmente los datos en dos información sobre herramientas diferentes. El evento de "clic" sería útil si permitiera múltiples información sobre herramientas al mismo tiempo. ¡Cualquier idea o sugerencia en la dirección correcta sería muy apreciada!

El siguiente es el complemento del otro hilo (créditos a Marine Giraud)

 var keepTooltipOpenPlugin = { beforeRender: function(chart) { // We are looking for bubble which owns "keepTooltipOpen" parameter. var datasets = chart.data.datasets; chart.pluginTooltips = []; for (i = 0; i < datasets.length; i++) { for (j = 0; j < datasets[i].data.length; j++) { if (datasets[i].data[j].keepTooltipOpen && !chart.getDatasetMeta(i).hidden) { //When we find one, we are pushing all informations to create the tooltip. chart.pluginTooltips.push(new Chart.Tooltip({ _chart: chart.chart, _chartInstance: chart, _data: chart.data, _options: chart.options.tooltips, _active: [chart.getDatasetMeta(i).data[j]] }, chart)); } } } }, // end beforeRender afterDatasetsDraw: function(chart, easing) { // Draw tooltips Chart.helpers.each(chart.pluginTooltips, function(tooltip) { tooltip.initialize(); tooltip.update(); tooltip.pivot(); tooltip.transition(easing).draw(); }); } // end afterDatasetsDraw }
about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda