Fever chart with Bubble chart

5 posts, 0 answers
  1. Rajeev
    Rajeev avatar
    8 posts
    Member since:
    Jan 2015

    Posted 18 May Link to this post

    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

  2. Stamo Gochev
    Admin
    Stamo Gochev avatar
    157 posts

    Posted 20 May Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Rajeev
    Rajeev avatar
    8 posts
    Member since:
    Jan 2015

    Posted 20 May in reply to Stamo Gochev Link to this post

     

    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 ?

  5. Rajeev
    Rajeev avatar
    8 posts
    Member since:
    Jan 2015

    Posted 21 May in reply to Rajeev Link to this post

    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>

     

     

  6. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    283 posts

    Posted 24 May Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET MVC is VS 2017 Ready