1. Home
  2. Forum
  3. Xamarin.Forms
  4. How to add shadow on each of the bar in the bar chart

How to add shadow on each of the bar in the bar chart

Hi,

May I know how to add a shadow on each of the bars in the bar chart?

bar chart.png




1 Reply
DD Devakumar Dhanapoosanam Syncfusion Team June 16, 2022 10:18 AM UTC

Hi Jake,


Query: how to add a shadow on each of the bars in the bar chart?

We do not have shadow support for the bar series, but we can customize the bar segment stroke color by using the StrokeColor and StrokeWidth properties of the BarSeries, as per the below code example.


<chart:BarSeries ItemsSource="{Binding Data}"

                 XBindingPath="XValue" YBindingPath="YValue"

                 DataMarkerPosition="Center" Color="#25d366"

                 StrokeColor="#64000000" StrokeWidth="1">

    <chart:BarSeries.DataMarker>

        <chart:ChartDataMarker ShowMarker="False" ShowLabel="True"/>

    </chart:BarSeries.DataMarker>

</chart:BarSeries>


Timeline Description automatically generated with low confidence


https://help.syncfusion.com/xamarin/charts/charttypes#bar-chart


Please find the sample from the attachment below and let us know if you need any further assistance.


Regards,

Devakumar D


Attachment: SF_175645_e6d5257f.zip

Loader.
Up arrow icon