Hi,
I built a simple bubble series on top of scatter series. Image is attached here.
Bubble radius is around 8000. I would expect it to be displayed on the screen as it's X,Y values are within the X,Y of the scatter series used to display points! It looks like it is too big of value for it?
- The range of bubble radius is from 4000 to 20000.
- ComplianceProducerDataGrid is the observable collection for the class "BubbleData"
public class BubbleData { public string Name { get; set; } public double Xlocation { get;set;} public double Ylocation { get; set; } public double BubbleValue { get; set; } }
Here is the code that I used:
<ig:XamDataChart Grid.Row="2" x:Name="chart" RefreshCompleted="chart_RefreshCompleted" HorizontalZoomable="True" VerticalZoomable="True" Margin="5,5,5,5" > <ig:XamDataChart.Axes> <ig:NumericXAxis x:Name="xAxis" MinimumValue="{Binding minXvalue}" MaximumValue="{Binding maxXvalue}" MajorStroke="Transparent" Label="{}{0:00}" /> <ig:NumericYAxis x:Name="yAxis" MinimumValue="{Binding minYvalue}" MaximumValue="{Binding maxYvalue}" MajorStroke="Transparent" Label="{}{0:00}" /> </ig:XamDataChart.Axes> <ig:XamDataChart.Series> <ig:BubbleSeries XMemberPath="Xlocation" YMemberPath="Ylocation" RadiusMemberPath="BubbleValue" FillMemberPath="BubbleValue" MarkerType="Circle" ShowDefaultTooltip="True" MarkerBrush="Black" XAxis="{Binding ElementName=xAxis}" YAxis="{Binding ElementName=yAxis}" ItemsSource="{Binding ComplianceProducerDataGrid}"> </ig:BubbleSeries> <ig:ScatterSeries XAxis="{Binding ElementName=xAxis}" YAxis="{Binding ElementName=yAxis}" MarkerType="Circle" Brush="SteelBlue" MarkerBrush="Green" ShowDefaultTooltip="True" ItemsSource="{Binding Data}" XMemberPath="XValue" YMemberPath="YValue">
</ig:ScatterSeries> <ig:ScatterSeries XAxis="{Binding ElementName=xAxis}" YAxis="{Binding ElementName=yAxis}" MarkerType="Hexagon" Brush="SteelBlue" MarkerBrush="Blue" ShowDefaultTooltip="True" ItemsSource="{Binding Data_Inj}" XMemberPath="XValue" YMemberPath="YValue"></ig:ScatterSeries>
I figured it. I should set the radius scale. It works now.
The idea is to add below code in the XAML:
<ig:BubbleSeries.RadiusScale>
<ig:SizeScale IsLogarithmic="False" MinimumValue="35" MaximumValue="70" />
</ig:BubbleSeries.RadiusScale>
Hello Jay,
Thank you for your post.
I am glad you were able to resolve this issue, and I believe its resolution may help others as well.
Please let me know if you have any other questions or concerns on this matter.
Sincerely,AndrewAssociate Developer
Good point. Just added in the answer.
cheers,
Jay