Different label for an x or y axis with the Bubble Chart

[Spartan IV]

The Bubble chart uses xField and yField and they must be numeric values to work. If I try to use a non numeric value, the chart doesn't render. Is it possible to have Something like this:



xField = id



id, description

1, A

2, B

3,C

4,D



I want A, B, C, D and not the id, but I need to use the id at the xField for the Bubble Chart to render



Is it possible even though using id as the x field, to NOT display the id value on the xAxis and show the related description instead with the Bubble Chart?



I've tried using #= dataItem.description # as the label template but it throws an exception



Data is returned back in JSON format.



Thanks

[Iliana Dyankova]

Hi Alexis,

I am afraid what you are trying to achieve is not supported in Kendo UI Bubble Chart. In order to achieve it you can try a custom implementation. As a possible approach I can suggest to use a template for the labels on the xAxis and create a function which sets a custom text/description.
 
Kind regards,
Iliana Nikolova
the Telerik team

[Spartan IV]

At least for this situation I found a workaround

What I did is I created a javascript associative array

var valueArray = new Array();
valueArray[1] = "A";
valueArray[2] = "B";
valueArray[3] = "C";
valueArray[4] = "D";

or you create a function using ajax to call the server and get the values, and populate the array dynamically

Then I use a template

  xAxis: {

                        title: {

                            text: "My Chart"

                        },

                          

                        labels: {

                            //format: "{0:N0}",                            

                            rotation:90,

                            template: "#= changeXLabels(value) #"

                        }

}

Then on my javascript

function changeXLabels(value) {  

          var myValue = Math.floor(value);              

          return valueArray[myValue] == undefined ? "" : valueArray[myValue];

      }

This returns the actual string associated with the numeric value and the label gets changed. So even though the xAxis (also works with the yAxis) is numeric, I can set text labels on the axis

I hope this helps other people with the same need.

Thanks

[Jaime Bula]

Hi Iliana, this shortage of functionality is getting pretty common with Telerik Controls. Everything is being left for us to solve, that is not the idea of buying a control suite. 

[Dimo]

Hello Jaime,

My name is Dimo Dimov and I am the support lead at Kendo UI.

I reviewed your recent support history and need to admit that the customer experience has not been smooth, due to a few unavailable features and issues. I realize the effect such an accumulation of cases may have and from this point of view, I agree your disappointment is justified.

While our feature roadmap and priorities depend largely on the business value and customer demand for specific functionality, the ThemeBuilder bug has indeed persisted more than enough. I discussed the matter with the dev team and they will look into it in the following week.

We value customer feedback and will appreciate if you share what is important for your business in the future as well.

Regards,
Dimo
Progress Telerik