Flexchart Annotation effects

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

    • Post Options:
    • Link

    Posted 29 December 2022, 12:31 am EST


    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?

  • Posted 1 January 2023, 3:46 pm EST


    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


  • Posted 3 January 2023, 12:07 am EST

    Thank you, worked like a charm!

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels