Hi Andrew,

This works, thanks!

Now, There are two more XamDataChart changes which I am trying to revert -

1. The marker stroke thickness which changed from .5 to 2. I have been able to fix this by providing an updated style to the chart (not ideal, would prefer this use the Series thickness rather than yet another arbitrary value).

2. The legend template for a marker with FillScale set to a ValueBrushScale with provided BrushCollection. In 16.1, the legend's brush was a blend of the given brushes. Now it looks blank / white.

Regards, Anu

Hi Andrew,

For 1, I ended up overriding the MarkerTemplate and as this bubble series has no connecting lines, used the Series Thickness for the Marker's Stroke Thickness

For 2, as suggested supplying the Series's MarkerBrush worked to get the color as it used to show in 16.1.

And there was another small issue which came up in the LegendItemBadge. In 16.1 (and it hasn't been fixed in 17.2 either), if the ScatterLineSeries has DashArray, the legend doesn't reflect it. To correctly show the legend, I have to override the LegendItemBadge. This is also the same for the Overlays. The new issue is that the margin for Overlay's legend is different than other legends (Margin 1 vs 4).

Regards, Anu

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]);

}

}

}

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?

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