Fever chart with Bubble chart

[Rajeev]

Hi How to draw a fever chart in Kendo bubble chart in ASP.Net MVC . PFA. I would like to draw a background for the buble chart

 

 

I got a code for scatter but it is not working for Buble

 

http://docs.telerik.com/kendo-ui/controls/charts/how-to/draw-on-scatter-plots

[Stamo Gochev]

Hi Rajeev,

You can do the same type of drawing regardless of the series - just change its type to "bubble":

http://dojo.telerik.com/iReca

Of course, this can be done in the server-side wrapper like this:

http://demos.telerik.com/aspnet-mvc/bubble-charts/index

For more information about drawing different kinds of shapes, please refer to the following resources:

http://demos.telerik.com/kendo-ui/drawing/index

http://docs.telerik.com/kendo-ui/framework/drawing/basic-shapes

http://docs.telerik.com/kendo-ui/api/javascript/drawing/element (the whole section)

Regards,
Stamo Gochev
Telerik

[Rajeev]

 

Thank You Stamo, this is working. But new drawn path has preference over bubbles because of this tool tip is not showing. 

Is there any way to set something like z- index for bubbles and path drawn on surface ?

[Rajeev]

Hi

Is there is any way to set Html attributes for the path element like ID , css Class

new kendo.drawing.Path().stroke({ opacity: 0.1 })
chart.surface.draw(path);     

<path d="M64 404.5 L 64 404.5 64 54.5 600.4 54.5Z" stroke="[object Object]" stroke-linejoin="miter" fill="url(#kdef1)"></path>

 

 

[Veselin Tsvetanov]

Hi Rajeev,

You could set the z-index of the bubbles using jQuery:

var bubbles = $('circle');
bubbles.css('z-index', 1000);

Keep in mind that with the above all the <circle> elements on your page will get z-index of 1000.

Answering the other question, the drawing API does not offer the possibility to set ID or class attributes within the configuration of the path element.

Regards,
Veselin Tsvetanov
Telerik