Wijmo Doughnut Chart style connectingLine in labels

Posted by: brzozowski.m24 on 5 September 2021, 8:12 pm EST

    • Post Options:
    • Link

    Posted 5 September 2021, 8:12 pm EST - Updated 3 October 2022, 3:33 am EST

    Hello, I’m creating a doughnut chart and I’m using [connectingLine] attribute, to connect Labels with the chart values. Everything is working fine, but I’m curious if it’s possible to break connecting lines just like I have it on this picture attached.

    Currently lines are straight, and I would like to present them “broken” in specific place. Is it possible to achieve? Thank you

  • Posted 6 September 2021, 11:08 pm EST

    Hello,

    To get the desired results for displaying the connecting lies you may use the drawLine method of the IRenderEngine and draw the lines from labels to the segments by handling the rendered event of FlexPie. Please refer to the sample link below demonstrating the same:

    https://stackblitz.com/edit/js-wn5bv8?file=index.js

    Let us know if that’s works for you.

    Regards

  • Posted 6 September 2021, 11:50 pm EST

    Hello, thank you very much for reply. That’s exactly what I need! It’s working fine.

    Thank you!

Need extra support?

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

Learn More

Forum Channels