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

Bubble Chart on RadChartView

1 Answer 69 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Mark Oldytowski
Top achievements
Rank 1
Mark Oldytowski asked on 22 Aug 2012, 07:41 PM
Can you provide an example of a data bound Bubble Chart using the new RadChartView controls? I have seen a few examples using the old RadChart controls but none as of yet using RadChartView.

Thanks,

Mark

1 Answer, 1 is accepted

Sort by
0
Petar Marchev
Telerik team
answered on 27 Aug 2012, 08:55 AM
Hi Mark,

The RadChartView does not offer Bubble Series. This feature is still not in our development plans and currently this is not supported.

However I think that in some scenarios it would be a feasible solution to use ScatterPointSeries and define a PointTemplate, in which you can place an Ellipse which size is defined by a property of the underlying business item:
<telerik:ScatterPointSeries.PointTemplate>
 <DataTemplate>
  <Ellipse Width="{Binding DataItem.BubbleSize}" Height="{Binding DataItem.BubbleSize}" Fill="Blue"/>

One little trick you must apply is set the Width and Height of the ContentPresenter which hosts the Ellipse to be enough to accomodate the largest bubble possible. I have attached a simple app to demonstrate this, and a snapshot of the output that I get when I run the app. In the attached project, the largest possible bubble is 80x80 and this is why I have set this code:
<telerik:ScatterPointSeries.Resources>
 <Style TargetType="ContentPresenter">
  <Setter Property="Height" Value="80" />
  <Setter Property="Width" Value="80" />

Give this approach a try and see if you can adopt it to your current project.

Regards,
Petar Marchev
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Tags
Chart
Asked by
Mark Oldytowski
Top achievements
Rank 1
Answers by
Petar Marchev
Telerik team
Share this question
or