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

332
Visualizações
¿Cómo hacer que todo el elemento <canvas> en Chart.js V3.7.0 muestre el cursor como un puntero al pasar el mouse?

¿Cómo puedo hacer que mi elemento de canvas muestre el estilo del cursor como un pointer cuando paso el mouse sobre él?

html :

 <canvas id="myChart"></canvas>

Probé ambos:

 events: ['mousemove', 'click'], onHover: (event, chartElement) => { event.target.style.cursor = chartElement[0] ? 'pointer' : 'default'; }

Y:

 options: { plugins : { legend: { labels: { onHover: function (e) { e.native.target.style.cursor = 'pointer'; }, onLeave: function (e) { e.native.target.style.cursor = 'default'; } } } } }

Pero no tuvo suerte.

Fotos:

ingrese la descripción de la imagen aquí

Considerándolo todo, quiero que el cursor tenga el mismo estilo que el puntero en todo el gráfico, y no solo en los puntos rojos de la imagen. (El punto rojo con amarillo alrededor es un ejemplo de punto en el que quiero que mi cursor se vea como un puntero).

¡Gracias por adelantado!

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

0

En CSS, necesitas canvas:hover{cursor: pointer} . El canvas:hover ejecutará el código interno cuando el cursor se desplace sobre el elemento. El cursor: pointer le indicará al cursor que se convierta en un puntero. Para obtener más información, vaya aquí para otros tipos de cursor y aquí para el selector de desplazamiento.

O si no tiene un archivo CSS, puede hacer esto: <canvas id="myChart" style="cursor: pointer"></canvas> . Eso hará lo mismo que se explicó anteriormente.

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