FlexChart charts width synchronization

FlexChart charts width synchronization

Posted by: metrik on 3 October 2019, 12:31 pm EST

• 

  metrik

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 3 October 2019, 12:31 pm EST - Updated 3 October 2022, 7:07 pm EST

  Hello,

  in my application I am having a main graph with several axes and an additional graph for scaling (see image attached). The problem is that users can switch on/off axes of the main graph. When they do it, main graph changes its width but scaling graph remains the original width.
  

  Is there any way to make scaling graph obtain same width as the main graph when the main graph changes its width?

  

  1342×195 21.8 KB

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 4 October 2019, 12:59 am EST

  Hi Kirill,

  You may handle the rendered event of the FlexChart and get the width of its plotArea element and set the width of the range selector accordingly. Please refer to the sample below:

  https://stackblitz.com/edit/angular-rtbzt1

  Let me know if this was your requirement or otherwise.

  Regards,
  
  Ashwin

• 

  metrik

  • Post Options:
  • Link
    Copy

  Posted 4 October 2019, 3:27 pm EST

  Hi Ashwin,

    yes, this seems to work. I've had some problems synchronizing both charts precisely but finally managed to make them work together nicely according to your example.
  

  Thanks!

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 7 October 2019, 3:26 am EST

  Hello Metrik,
  
  It seems your issue has been resolved with the sample shared by Ashwin.

  Please feel free if you have any further queries.

  Regards,
  
  Manish Gupta