Sorting xAxis/yAxis of a Bubble chart.

[Vinayak]

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

[Vinayak]

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??

[T. Tsonev]

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

 

 

[Vinayak]

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. 

[T. Tsonev]

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

 

 

[Vinayak]

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? 

[T. Tsonev]

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