Sorting xAxis/yAxis of a Bubble chart.

7 posts, 1 answers
  1. Vinayak
    Vinayak avatar
    11 posts
    Member since:
    Sep 2014

    Posted 04 Nov 2014 Link to this post

    Hi There,

    Is there any property to decide the sorting order of xAxis/yAxis for a bubble chart? It is always draw the chart with xAxis in ascending order. It will be really handy if any such property available in Kendo. 

    Please help me.

    -Vinnie
  2. Vinayak
    Vinayak avatar
    11 posts
    Member since:
    Sep 2014

    Posted 05 Nov 2014 in reply to Vinayak Link to this post

    Hi Admin, 

    I wanted to sort series.xField or series.yField for a bubble chart. Could you please suggest me if any property available to sort them??
  3. T. Tsonev
    Admin
    T. Tsonev avatar
    2817 posts

    Posted 06 Nov 2014 Link to this post

    Hi,

    Please take a look at the xAxis/yAxis.reverse property.
    Setting it to true should be sufficient to flip the axis direction.

    I hope this helps.

    Regards,
    T. Tsonev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  4. Vinayak
    Vinayak avatar
    11 posts
    Member since:
    Sep 2014

    Posted 07 Nov 2014 in reply to T. Tsonev Link to this post

    Hi Tsonev,

    I think you got my question wrong - I am not looking at flipping the axes (not the reversing the axes) around. I want to sort the values of xAxis of Bubble Chart keeping reverse: false. Please see the Image attached here to understand my requirement and please help. 
  5. Answer
    T. Tsonev
    Admin
    T. Tsonev avatar
    2817 posts

    Posted 11 Nov 2014 Link to this post

    Hi,

    I assume that you're not happy with the Y Axis moving to the right?

    This is caused by the axisCrossingValue setting which will default to 0.
    In other words the Y Axis will be positioned over 0, wherever it is on the X Axis.

    You can move it all the way to the left by specifying a large enough crossing value:
    xAxis: {
      reverse: true,
      axisCrossingValue: 100000
    }


    This is the snippet that I used for testing.

    Regards,
    T. Tsonev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Vinayak
    Vinayak avatar
    11 posts
    Member since:
    Sep 2014

    Posted 12 Nov 2014 in reply to T. Tsonev Link to this post

    Hi Tsonev,

    Thank you. That's really helpful and that answered my original question.

    Now the I encountered another problem. That is sorting the Y value in descending order.

    Please see the attached image, and the bubbles drawn in descending order of its value.

    Could you please suggest me something? 
  7. T. Tsonev
    Admin
    T. Tsonev avatar
    2817 posts

    Posted 14 Nov 2014 Link to this post

    Hi,

    Perhaps I'm missing something, but can't we apply the same settings to the Y Axis:
    yAxis: {
      reverse: true,
      axisCrossingValue: 1000
    }

    Does this do what it should?

    Regards,
    T. Tsonev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top