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

Set PointMark fill to stroke color in XAML

3 Answers 112 Views

Chart

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

Sam asked on 04 Jan 2012, 03:42 AM

Hi,

I've got a chart that has a number of different line series on it. The point marks are drawn as circles (the default shape) with a transparent fill (also the default).

We want the circles to be filled with whatever the stroke color of the line series is, but I don't know of a way to do this in XAML (can't use code-behind here). We can't hardcode the fill value as it will be determined by the order of the series.

Here is the XAML we are currently using:

<UserControl

x:Class="VisualRisk.Ux.Risk.Analysis.Charts.ScenarioChart"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:local="clr-namespace:VisualRisk.Ux.Risk.Analysis"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

mc:Ignorable="d"

d:DesignHeight="300"

d:DesignWidth="400"

d:DataContext="{d:DesignInstance local:AnalysisViewModel, IsDesignTimeCreatable=False}">

<UserControl.Resources>

<Style x:Key="CustomLineStyle" TargetType="telerik:Line">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="telerik:Line">

<Canvas x:Name="PART_MainContainer">

<Line x:Name="PART_LineGeometry" Fill="Transparent" Stroke="Transparent" StrokeThickness="5"

X1="{TemplateBinding StartPointX}"

Y1="{TemplateBinding StartPointY}"

X2="{TemplateBinding EndPointX}"

Y2="{TemplateBinding EndPointY}"

Style="{TemplateBinding ItemStyle}" />

<telerik:PointMark x:Name="PART_PointMark"

Canvas.Top="{TemplateBinding StartPointY}"

Canvas.Left="{TemplateBinding StartPointX}"

PointMarkCanvasLeft="{TemplateBinding PointMarkCanvasLeft}"

PointMarkCanvasTop="{TemplateBinding PointMarkCanvasTop}"

Visibility="{TemplateBinding PointMarkVisibility}"

ShapeStyle="{TemplateBinding PointMarkShapeStyle}"

Style="{TemplateBinding PointMarkItemStyle}"

MouseLeftButtonDown="PointMark_MouseLeftButtonDown"

MouseLeftButtonUp="PointMark_MouseLeftButtonUp"

MouseEnter="PointMark_MouseEnter" />

</Canvas>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</UserControl.Resources>

<telerik:RadChart

x:Name="scenarioChart"

ItemsSource="{Binding ScenariosViewModel.ActiveScenarios}"

Background="White"

BorderThickness="0"

PaletteBrushes="{Binding ScenariosViewModel.ScenarioPalette}">

<telerik:RadChart.DefaultSeriesDefinition>

<telerik:LineSeriesDefinition ShowItemLabels="False" ItemStyle="{StaticResource CustomLineStyle}" />

</telerik:RadChart.DefaultSeriesDefinition>

<telerik:RadChart.SamplingSettings>

<telerik:SamplingSettings SamplingThreshold="0" />

</telerik:RadChart.SamplingSettings>

<telerik:RadChart.SeriesMappings>

<telerik:SeriesMapping CollectionIndex="0">

<telerik:SeriesMapping.ItemMappings>

<telerik:ItemMapping DataPointMember="XCategory" FieldName="Category" />