FlexChart and the Rotated property

FlexChart and the Rotated property

Posted by: marcus.nixon on 23 April 2018, 10:41 pm EST

• 

  marcus.nixon

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 23 April 2018, 10:41 pm EST

  Hi,

  When using the rotated property, I would have expected the settings/properties set against the X axis to now be applied to the Y, and the ones for the Y to be applied to the X, but thats not the case.

  Whats the difference between creating a column chart and setting it to rotated, or creating an actual bar chart?

  http://jsfiddle.net/9n1dm5gd/15/

  If you look at this fiddle example, i’ve applied a format to the Y axis, which when rotated is no longer being applied. In addition, I would have expected the Y axis title to now be applied to the X axis.

  Am I missing the point of the rotated property?

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 24 April 2018, 3:41 pm EST

  Hi,

  The rotated property doesn’t swap the two axis but changes the major and minor axis. Chart is drawn w.r.t major axis ,axisX is the major by default. So as you set rotated to True it set axisY as major axis and draws chart w.r.t axisY .

  Also it swaps the values supplied to the axis. Therefore any formatting applied on the axis persists with the axis but the values are swapped.

  Virtually there is no difference between bar chart and column chart when Rotated property set to true. Internally bar charts is a column chart with Rotated property set to True.

  You can confirm this by clicking isRotated button in the following example and checking the console:- http://jsfiddle.net/y015orvz/