Hello Anu,

It appears that you are setting the MarkerOutline property to "Transparent" in your code, which is the outer stroke color of the bubbles in the BubbleSeries. The default MarkerBrush for a BubbleSeries in 17.2 is white, and so by not setting this and setting a Transparent MarkerOutline, you will essentially have a white, borderless circle as the legend badge. If your Legend is white in this case, I wouldn't expect you to be able to see anything, and I believe this is likely what is happening here. As such, I would recommend continuing to set the MarkerBrush in this case.

Please let me know if you have any other questions or concerns on this matter.

Hi Andrew,

As you saw in the sample, there is no MarkerBrush on the Series, yet in 16.1 the legend item badge has some color (not sure how the color is assigned - some default?).

In 17.2, the legend item badge has no color at all if there is no MarkerBrush. I think the change to use the MarkerBrush is fine, as earlier it was auto assigned / defaulted.

Regards, Anu

Hello Anu,

Thank you for your update on this matter.

I have checked your sample code against version 16.1.20161.1000, and I am seeing the same behavior. I had thought that you were expecting to see a gradient in the Legend item badge in this case, but as shown, this was never the case, and if a MarkerBrush is assigned, that brush will show up in the Legend item badge.

Perhaps I have misunderstood you in this case? What is the behavior you are expecting to see?

Thanks again!

Regarding the value brush legend, the version we use is 16.1.20161.1000. The attaching code + screenshot of how the legend would be shown without any template changes.

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition/>

<ColumnDefinition Width="Auto"/>

</Grid.ColumnDefinitions>

<ig:XamDataChart Legend="{Binding ElementName=legend}">

<ig:XamDataChart.Resources>

<bubbleData:BubbleDataSample x:Key="BubbleDataSample"/>

</ig:XamDataChart.Resources>

<ig:XamDataChart.Axes>

<ig:NumericXAxis x:Name="numericXAxis" MinimumValue="0" MaximumValue="200" Interval="20" />

<ig:NumericYAxis x:Name="numericYAxis" MinimumValue="0" MaximumValue="200" Interval="20" />

</ig:XamDataChart.Axes>

<ig:XamDataChart.Series>

<ig:BubbleSeries ItemsSource="{StaticResource BubbleDataSample}"

XAxis="{Binding ElementName=numericXAxis}"

YAxis="{Binding ElementName=numericYAxis}"

XMemberPath="X"

YMemberPath="Y"

RadiusMemberPath="Radius"

FillMemberPath="Fill"

Thickness=".5"

MarkerType="Tetragram" MarkerOutline="Transparent" MarkerBrush="#FF9E73C1"

Title="Tetra">

<ig:BubbleSeries.RadiusScale>

<ig:SizeScale IsLogarithmic="False" MaximumValue="50" MinimumValue="10"/>

</ig:BubbleSeries.RadiusScale>

<ig:BubbleSeries.FillScale>

<ig:ValueBrushScale MinimumValue="0" MaximumValue="1">

<ig:ValueBrushScale.Brushes>

<SolidColorBrush>Green</SolidColorBrush>

<SolidColorBrush>Red</SolidColorBrush>

</ig:ValueBrushScale.Brushes>

</ig:ValueBrushScale>

</ig:BubbleSeries.FillScale>

</ig:BubbleSeries>

</ig:XamDataChart.Series>

</ig:XamDataChart>

<StackPanel Grid.Column="1">

<ig:Legend x:Name="legend" Padding="5" Margin="-14,0,-4,0"

VerticalAlignment="Top" HorizontalAlignment="Center" Orientation="Vertical" >

</ig:Legend>

</StackPanel>

</Grid>

and

public class BubbleDataSample : BubbleDataCollection

{

public BubbleDataSample()

{

List<BubbleDataPoint> items = new List<BubbleDataPoint>

{

new BubbleDataPoint {X = 100, Y = 100, Radius = 50, Fill = 0},

new BubbleDataPoint {X = 80, Y = 80, Radius = 35, Fill = 1 },

new BubbleDataPoint {X = 80, Y = 160, Radius = 35, Fill = 0 },

new BubbleDataPoint {X = 160, Y = 80, Radius = 35, Fill = 1 },

new BubbleDataPoint {X = 160, Y = 160, Radius = 35, Fill = 0 },

new BubbleDataPoint {X = 60, Y = 60, Radius = 25, Fill = 1 },

new BubbleDataPoint {X = 60, Y = 140, Radius = 25, Fill = 0 },

new BubbleDataPoint {X = 140, Y = 60, Radius = 25, Fill = 1 },

new BubbleDataPoint {X = 140, Y = 140, Radius = 25, Fill = 0 },

new BubbleDataPoint {X = 40, Y = 40, Radius = 15, Fill = 1 },

new BubbleDataPoint {X = 40, Y = 120, Radius = 15, Fill = 0 },

new BubbleDataPoint {X = 120, Y = 40, Radius = 15, Fill = 1 },

new BubbleDataPoint {X = 120, Y = 120, Radius = 15, Fill = 0 },

new BubbleDataPoint {X = 20, Y = 20, Radius = 10, Fill = 1 },

new BubbleDataPoint {X = 20, Y = 180, Radius = 10, Fill = 0},

new BubbleDataPoint {X = 180, Y = 20, Radius = 10, Fill = 1 },

new BubbleDataPoint {X = 180, Y = 180, Radius = 10, Fill = 0}

};

var sortedItems = items.OrderByDescending(item => item.Radius).ToArray();

for (int i = 0; i < sortedItems.Length; i++)

{

sortedItems[i].Label = "Item " + (i + 1);

this.Add(sortedItems[i]);

}

}

}