Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
210
Proportional Series Help
posted

Greetings

I need to set up a proportional series with only 3 value steps.  0-1.0 = green  1.1-1.5 = yellow  > 1.5 = red

I'm a little confused how to do this.  I have the following modified from the samples online

<ig:GeographicProportionalSymbolSeries x:Name="ProportionalSeries"
MarkerType="Circle"
LongitudeMemberPath="Longitude"
LatitudeMemberPath="Latitude"
ItemsSource="{Binding}"
RadiusMemberPath="V"
FillMemberPath="V">
<ig:GeographicProportionalSymbolSeries.RadiusScale>
<ig:SizeScale MaximumValue="16" MinimumValue="16" IsLogarithmic="False" LogarithmBase="2"/>
</ig:GeographicProportionalSymbolSeries.RadiusScale>
<ig:GeographicProportionalSymbolSeries.FillScale>
<ig:ValueBrushScale MaximumValue="1.6" MinimumValue="1.1" IsLogarithmic="False" LogarithmBase="10" >
<ig:ValueBrushScale.Brushes>
<ig:BrushCollection>
<RadialGradientBrush>
<GradientStop Color="DarkRed" Offset="1"/>
<GradientStop Color="Tomato" Offset="0.130"/>
</RadialGradientBrush>
</ig:BrushCollection>
</ig:ValueBrushScale.Brushes>
</ig:ValueBrushScale>
</ig:GeographicProportionalSymbolSeries.FillScale>
<!-- custom marker template for GeographicProportionalSymbolSeries -->
<ig:GeographicProportionalSymbolSeries.MarkerTemplate>
<DataTemplate >
<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" MinWidth="3" MinHeight="3">
<Ellipse Stretch="Fill" Fill="{Binding Path=ActualItemBrush}" Stroke="{Binding Path=ActualItemBrush}"
StrokeThickness="0.5">
<Ellipse.Effect>
<DropShadowEffect ShadowDepth="0" BlurRadius="5" Opacity="0.23" Color="Black" />
</Ellipse.Effect>
</Ellipse>
<Ellipse Stretch="Fill" Fill="{Binding Path=ActualItemBrush}" Stroke="{Binding Path=ActualItemBrush}"
StrokeThickness="0.5"/>
</Grid>
</DataTemplate>
</ig:GeographicProportionalSymbolSeries.MarkerTemplate>