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
0
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:
- ...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
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
0
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
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
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
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
Hi Nitin,
You can set the visible property of the axes and gridlines to false.
Regards,
Danail Vasilev
Telerik by Progress
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.