FlexChart : Add X and Y margins

FlexChart : Add X and Y margins

Posted by: ppaska on 5 October 2017, 5:25 am EST

• 

  ppaska

  • Post Options:
  • Link
    Copy

  Posted 5 October 2017, 5:25 am EST

  Hi there,

  Sometimes when I have multiple series binded to the Bubble chart or to the Column chart X Axis overlayed. See attached pictures.

  What would be the best way to define X and Y margins? Given that that X-axis is date or number field.

  Thanks,
  
  Pavlo

• 

  ppaska

  • Post Options:
  • Link
    Copy

  Posted 6 October 2017, 6:49 pm EST

  Will appreciate AngularJS (1.*) example on how to add X, Y margins

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 8 October 2017, 6:16 pm EST

  Hi Pavlo,
  
  We are sorry for the late reply.
  
  You can set axis min and max property as needed. For reference, please refer to http://jsfiddle.net/e6d235xh/4/ for the same.

  ~Manish Kr Gupta

• 

  ppaska

  • Post Options:
  • Link
    Copy

  Posted 10 October 2017, 7:06 pm EST

  Hi Manish,

  Thank you very much for your answer. But I was more interesting on X axis with date values and multiple bubbles series. Just like on my picture.

  I am constructing multiple series bubble char dynamically and is not clear to me what would be the best place (event handler) to setup X-Axis margins initially. Can I use actualMin and actualMax and then derrive min/max values at the rendering?

  Will appreciate your example.

  Pavlo

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 11 October 2017, 8:39 pm EST

  Hi Pavlo,

  For setting AxisX min/max property, you need to provide corresponding date value. You can get date value using valueOf() method of Date object.

  For reference, please refer to the fiddle(http://jsfiddle.net/mkgupta911/e6d235xh/6/) for the same.

  ~Manish

• 

  ppaska

  • Post Options:
  • Link
    Copy

  Posted 15 October 2017, 9:43 pm EST

  Hi Manish, Thanks for answer.

  In your solution I have to calculate X min/max myself. Thats good, but are there any way I can use properties actualMin and actualMax? If so, what event will be appropriate to do this Then I can just add margins to it. Otherwise I have to analyse all series.

  Thanks,
  
  Pavlo

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 16 October 2017, 8:42 pm EST

  Pavlo,

  I am sorry, I have tried a combination of various events and setting the Min/Max based on ActualMin/ActualMax does not seem doable now. I will however loop in our Dev team and see if we can do this any other way.

  Thanks,
  
  Abhishek