This is a migrated thread and some comments may be shown as answers.

Bell Curve and Bubble Charts

7 Answers 442 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Nitin
Top achievements
Rank 1
Nitin asked on 03 Nov 2016, 10:59 AM

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

7 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 07 Nov 2016, 06:55 AM
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.
 
0
Nitin
Top achievements
Rank 1
answered on 23 Dec 2016, 01:35 PM

Hi, 

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

0
Vessy
Telerik team
answered on 27 Dec 2016, 08:39 AM
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.
0
Nitin
Top achievements
Rank 1
answered on 27 Dec 2016, 08:47 AM

Thanks, 

 

Let me try these options and get back to you. 

 

Regards, 

 

Nitin Jain

0
Vessy
Telerik team
answered on 27 Dec 2016, 08:51 AM
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.
0
Nitin
Top achievements
Rank 1
answered on 05 Jan 2017, 06:43 AM

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. 

0
Danail Vasilev
Telerik team
answered on 09 Jan 2017, 06:40 AM
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.
Tags
Charts
Asked by
Nitin
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Nitin
Top achievements
Rank 1
Vessy
Telerik team
Danail Vasilev
Telerik team
Share this question
or