daidai
daidai

Reputation: 551

WPF Toolkit - set Line Series polyline color with binding

I have added LineSeries in my chart. Here is the code:

<chartingToolkit:LineSeries Name="line" IndependentValueBinding="{Binding Path=Key}" DependentValueBinding="{Binding Path=Value}">
    <chartingToolkit:LineSeries.Template>
        <ControlTemplate TargetType="chartingToolkit:LineSeries">
            <Canvas x:Name="PlotArea">
                <Polyline x:Name="polyline"
              Points="{TemplateBinding Points}" 
              Stroke="Green" 
              Style="{TemplateBinding PolylineStyle}" />
            </Canvas>
        </ControlTemplate>
    </chartingToolkit:LineSeries.Template>
</chartingToolkit:LineSeries>

This works ok. My polyline is colored in green. But when I try to set Polyline.Stroke color using binding my line becomes invisible. Here is the code:

<chartingToolkit:LineSeries Name="line" IndependentValueBinding="{Binding Path=Key}" DependentValueBinding="{Binding Path=Value}">
    <chartingToolkit:LineSeries.Template>
        <ControlTemplate TargetType="chartingToolkit:LineSeries">
            <Canvas x:Name="PlotArea">
                <Polyline x:Name="polyline"
              Points="{TemplateBinding Points}" 
              Stroke="{Binding Path=MyColor}" 
              Style="{TemplateBinding PolylineStyle}" />
            </Canvas>
        </ControlTemplate>
    </chartingToolkit:LineSeries.Template>
</chartingToolkit:LineSeries>

I can't figure it out what it seems to be the problem.

Upvotes: 2

Views: 2310

Answers (1)

SamTh3D3v
SamTh3D3v

Reputation: 9944

You are probably using the wrong type for the color, you should use a SolidColorBrush

 private SolidColorBrush _chartColor = new SolidColorBrush(Colors.Aqua);
    public SolidColorBrush ChartColor
    {
        get
        {
            return _chartColor;
        }

        set
        {
            if (_chartColor == value)
            {
                return;
            }

            _chartColor = value;
        }
    }

then the binding should works perfectly

<chartingToolkit:Chart   Title="Line Series"  
VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0"  >
        <chartingToolkit:LineSeries Name="line" ItemsSource="{Binding LineSeriesData}"
            IndependentValueBinding="{Binding Path=Key}"
            DependentValueBinding="{Binding Path=Value}">
            <chartingToolkit:LineSeries.Template>
                <ControlTemplate TargetType="chartingToolkit:LineSeries">
                    <Canvas x:Name="PlotArea">
                        <Polyline x:Name="polyline"
                                  Points="{TemplateBinding Points}" 
                                  Stroke="{Binding ChartColor}" 
                                  Style="{TemplateBinding PolylineStyle}" />
                    </Canvas>
                </ControlTemplate>
            </chartingToolkit:LineSeries.Template>

        </chartingToolkit:LineSeries>
    </chartingToolkit:Chart>

Upvotes: 1

Related Questions