Flexchart Annotation effects

Flexchart Annotation effects

Posted by: metrik on 29 December 2022, 12:31 am EST

• 

  metrik

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 29 December 2022, 12:31 am EST

  Hello,

  I’d like to ask whether Wijmo FlexChart supports any effects on annotations?
  
  For example, I’d like my image annotation to “stand out” by changing color, size or z-index when user hovers over it. Is this possible to achieve?

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 1 January 2023, 3:46 pm EST

  Hi,

  You can use CSS to add animation to the image on hover, using ‘:hover’ pseudo selector on the group which contains the image. The parent group of an image annotation has the following structure:

  <g class="gcchart-anno-image"><g><image ...></g></g>

  Please refer to the following sample for the same: https://stackblitz.com/edit/js-qan8sm?file=index.js

  Regards

• 

  metrik

  • Post Options:
  • Link
    Copy

  Posted 3 January 2023, 12:07 am EST

  Thank you, worked like a charm!