Bell Curve and Bubble Charts

8 posts, 0 answers
  1. Nitin
    Nitin avatar
    4 posts
    Member since:
    Apr 2016

    Posted 03 Nov 2016 Link to this post

    Hi, 

    We are exploring the charts for MVC. PFA the attached Image one is bubble chart and another is bell curve chart. I am facing problem while adding the text between the bubbles as shown in image.For Second Chart I did not see any example related to this type of chart. 

     

    Regards, 

    Nitin Jain

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2601 posts

    Posted 07 Nov 2016 Link to this post

    Hi Nitin,

    Up to the requirements
    - ...adding the text between the bubbles as shown in image...
    To achieve this outcome you should display the series.labels
    //....
    .Series(series => {
        series.Bubble(
           //....
        ).Labels(l => l.Visible(true));
    })

    - ...bell curve chart...
    Have you tried the Kendo UI Smooth Area Chart:
    http://demos.telerik.com/aspnet-mvc/area-charts/smooth-area

    Regards,
    Iliana Nikolova
    Telerik by Progress
     
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
     
  3. Nitin
    Nitin avatar
    4 posts
    Member since:
    Apr 2016

    Posted 23 Dec 2016 in reply to Iliana Nikolova Link to this post

    Hi, 

    We are looking to desired attached image. is there a way to draw the lines from X Axis to specific point of line. 

  4. Vessy
    Admin
    Vessy avatar
    1437 posts

    Posted 27 Dec 2016 Link to this post

    Hi Nitin,

    There are several possible ways to draw additional lines, I am listing all of them so you can choose the approach that fits your scenario the best:
     - you can add additional Column type series and set custom width to the columns by implementing a Visual template.
     - you can utilize the crossHair functionality of the chart.
     - you can add several additional yAxis:
       http://dojo.telerik.com/iFalI

    Regards,
    Vessy
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Nitin
    Nitin avatar
    4 posts
    Member since:
    Apr 2016

    Posted 27 Dec 2016 in reply to Vessy Link to this post

    Thanks, 

     

    Let me try these options and get back to you. 

     

    Regards, 

     

    Nitin Jain

  6. Vessy
    Admin
    Vessy avatar
    1437 posts

    Posted 27 Dec 2016 Link to this post

    Hi,

    Sure, Nitin, take your time and let me know should any further assistance on this matter will be needed.

    Regards,
    Vessy
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  7. Nitin
    Nitin avatar
    4 posts
    Member since:
    Apr 2016

    Posted 05 Jan in reply to Vessy Link to this post

    Hi, 

    We need to achieve the attached bubble chart. basically we will have a data like 

    emp1      1000

    emp2       5000

    and soon. I don't want any axis just the bubbles randomly plotted. can you please let me know how can we achieve this. 

  8. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1502 posts

    Posted 09 Jan Link to this post

    Hi Nitin,

    You can set the visible property of the axes and gridlines to false.

    Regards,
    Danail Vasilev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top