Different styles for Bar chart

[Gaurav]

Hi,

We are using a telerik radchart control for showing Actuals,Budget and Forecast scenario data. As of now we are showing the same colors for the series and because of that it would be difficult for us to identify the data. Please see screen shot.

Is there any way to change the style of Bar Chart.By deafult it shows Bar Chart with filled color. Can we show Bar chart wih different style in order to identify the data even if the chart color is same.

NOTE: As per our requirement we can not change the colour of data series.

Regards,
Gaurav

[Sia]

Hi Gaurav,

The shade you see over the bars is a mask overlay. It can be changed to achieve three different styles for bars which have the same fill. Can you please send us a picture of the desired look and we will send you a solution which will be appropriate for you scenario?

Kind regards,
Sia
the Telerik team

[Gaurav]

Hi Sia,

Please see attached sceenshot where both the Bars has same color but with some different style  so that we can easily identify the bar chart even if the series has same colors. On the similiar line can we have different styles for Bar chart  ? (like Bar chart with Solid Fill, Bar Chart with cross lines etc)  

Regards,
Gaurav Shah

[Sia]

Hello Gaurav,

Please try to use the following custom item style for one of the bar series definitions in your project:

<LinearGradientBrush x:Key="BarMaskBrush" EndPoint="0.5,0" StartPoint="0.5,1">
    <GradientStop Color="#FF21CBBE"  />
    <GradientStop Color="Transparent" Offset="1" />
</LinearGradientBrush>

<Style x:Key="CustomBar"  TargetType="telerik:Bar">
    <Setter Property="Template" >
        <Setter.Value>
            <ControlTemplate TargetType="telerik:Bar">
                <Canvas Opacity="0"  x:Name="PART_MainContainer">
                    <Rectangle x:Name="PART_DefiningGeometry"
                        Height="{TemplateBinding ItemActualHeight}"
                        Width="{TemplateBinding ItemActualWidth}"
                        Style="{TemplateBinding ItemStyle}" />
                    <Rectangle Height="{TemplateBinding ItemActualHeight}"
                        Width="{TemplateBinding ItemActualWidth}"
                        Fill="{StaticResource BarMaskBrush}" />
                    <Canvas.RenderTransform>
                        <ScaleTransform x:Name="PART_AnimationTransform" ScaleY="0" />
                    </Canvas.RenderTransform>
                </Canvas>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

I hope this helps.

Greetings,
Sia
the Telerik team