Wijmo Doughnut Chart style connectingLine in labels

Wijmo Doughnut Chart style connectingLine in labels

Posted by: brzozowski.m24 on 6 September 2021, 5:12 am EST

• 

  brzozowski.m24

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 6 September 2021, 5:12 am EST - Updated 3 October 2022, 12:33 pm 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

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 7 September 2021, 8:08 am 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

• 

  brzozowski.m24

  • Post Options:
  • Link
    Copy

  Posted 7 September 2021, 8:50 am EST

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

  Thank you!