Horizontal Bar Shadow and Border

2 posts, 0 answers
  1. Chandana
    Chandana avatar
    13 posts
    Member since:
    Apr 2011

    Posted 28 Sep 2012 Link to this post

    Hi,

    There's a shadow (solid color) which appears on top of each bar in the Horizontal Bar chart. Is it possible to make the shadow appear at the bottom instead of top and change the color of the shadow to black and draw a border around the bar just like in the attached picture?

    Regards,
    Chandana
  2. Sia
    Admin
    Sia avatar
    667 posts

    Posted 03 Oct 2012 Link to this post

    Hello Chandana,

    You need to rework the default mask overlay. Please check the attached project.
    The gradient that you need to modify is the following:
    <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Transparent"/>
            <GradientStop Color="#19FFFFFF" Offset="0.2"/>
            <GradientStop Color="#B2FFFFFF" Offset="0.2"/>
            <GradientStop Color="Transparent" Offset="1"/>
        </LinearGradientBrush>
    </Rectangle.Fill>

    I hope that this helps.

    Regards,
    Sia
  3. DevCraft banner
Back to Top