How to create different colors for each column of the column-chart in WPF?

Question

0.00/5 (No votes)

See more:

Chart control implemented in WPF using Visual studio Express for Desktop 2015 :-

C#

<ChartingToolkit:Chart Name="SimulationChart"
                                       IsTabStop="False"
                                       PlotAreaStyle="{StaticResource PlotAreaStyle}"
                                       BorderBrush="Transparent">
                    <ChartingToolkit:Chart.Template>
                        <ControlTemplate TargetType="ChartingToolkit:Chart">
                            <Border Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    Padding="{TemplateBinding Padding}">
                                <Grid>
                                    <chartingprimitives:EdgePanel x:Name="ChartArea" Style="{TemplateBinding ChartAreaStyle}">
                                        <Grid Canvas.ZIndex="-1" Style="{TemplateBinding PlotAreaStyle}" />
                                        <Border Canvas.ZIndex="20" BorderBrush="#FF919191" BorderThickness="1" />
                                    </chartingprimitives:EdgePanel>
                                </Grid>
                            </Border>
                        </ControlTemplate>
                    </ChartingToolkit:Chart.Template>
                </ChartingToolkit:Chart>

In the Following code, It sets same color (Red) for all columns. But I want to set different color for each column.

C#

private void ColorChartColumn()
    {          
            ColumnSeries CL = new ColumnSeries();      
            Style styleSeries = new Style { TargetType = typeof(Control) };
            styleSeries.Setters.Add(new Setter(Control.BackgroundProperty, System.Windows.Media.Brushes.Red));
            CL.DataPointStyle = styleSeries; 
            SimulationChart.Series.Add(CL);            
    }

What I have tried:

I have tried for many time, but till now, I am not getting answer for this.

Posted 13-Oct-19 19:25pm

Kudale Dinesh

Updated 13-Oct-19 21:08pm

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Maciej Los · Answer 1 · 2019-10-13T21:08:00

Please, follow this: Chart tweaking made easy [How to: Make four simple color/ToolTip changes with Silverlight/WPF Charting] - The blog of dlaa.me[^]

XML

<charting:Chart
    Title="Simple Palette Change">
    <charting:PieSeries
        ItemsSource="{Binding}"
        DependentValueBinding="{Binding Length}"
        IndependentValueBinding="{Binding}">
        <charting:PieSeries.StylePalette>
            <datavis:StylePalette>
                <Style TargetType="charting:PieDataPoint">
                    <Setter Property="Background" Value="Red"/>
                </Style>
                <Style TargetType="charting:PieDataPoint">
                    <Setter Property="Background" Value="Orange"/>
                </Style>
                <Style TargetType="charting:PieDataPoint">
                    <Setter Property="Background" Value="Green"/>
                </Style>
                <Style TargetType="charting:PieDataPoint">
                    <Setter Property="Background" Value="Blue"/>
                </Style>
            </datavis:StylePalette>
        </charting:PieSeries.StylePalette>
    </charting:PieSeries>
</charting:Chart>