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

257
Visualizações
chart.js disable opacity-animation for tooltip

I have a chart, in which I draw some metadata in animation.onComplete:

animation: {
  onComplete: ChartHelper.barChartDrawMetadata(28, 2)
}

When hovering over the chart, a tooltip with extra information shows. But the opacity of this tooltip is animated, 400ms. (I found this in chart.esm.js).

During the tooltip's animation, the drawn metadata is removed, and redraws after the tooltip's animation has completed.

I would like to make the animationDuration of the tooltip 0, so that the metadata redraws immediately when the tooltip shows, and is not gone for 400ms at a time. How would I go about this, if it is even possible?

I tried many things, like setting plugins.tooltip.animation.duration = 0, or plugins.tooltip.animationDuration = 0, etc.

Now the only way I see is editing the value that is set in chart.esm.js, but I don't see any way to access/override this value.

animations: {
  numbers: {
    type: 'number',
    properties: ['x', 'y', 'width', 'height', 'caretX', 'caretY'],
  },
  opacity: {
    easing: 'linear',
    duration: 200
  }
}

Is there any documented way to disable the tooltip animation, or not hide the metadata?

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