We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to add Scroll bar in Legend in Horizontal mode

Hi Team, 

Below is the XAML for Doughnut chart

<Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
        <chart:SfChart x:Name="Chart" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="Transparent">
          <chart:SfChart.Title>
            <chart:ChartTitle Text="My Incidents By Service Requests" TextColor="Black">
            </chart:ChartTitle>
          </chart:SfChart.Title>
          <chart:SfChart.Legend>
            <chart:ChartLegend IsVisible="True" IsIconVisible="True" DockPosition="Bottom" Orientation="Horizontal" ScrollView.Orientation="Horizontal">
              <chart:ChartLegend.LabelStyle>
                <chart:ChartLegendLabelStyle TextColor="Black" Margin="2">
                </chart:ChartLegendLabelStyle>
              </chart:ChartLegend.LabelStyle>
            </chart:ChartLegend>
          </chart:SfChart.Legend>
          <!--DoughnutCoefficient="0.5"-->
          <chart:SfChart.Series>
            <chart:DoughnutSeries ItemsSource="{Binding CircularData}" CircularCoefficient="0.7" DoughnutCoefficient="0.4" XBindingPath="Name" YBindingPath="Value" EnableDataPointSelection="False" LegendIcon="Circle" ExplodeAll="False" EnableAnimation="True" EnableSmartLabels="True" ConnectorLineType="Bezier">
              <chart:DoughnutSeries.DataMarker>
                <chart:ChartDataMarker ShowLabel="True" ShowMarker="False" MarkerColor="Transparent">
                  <chart:ChartDataMarker.LabelStyle>
                    <chart:DataMarkerLabelStyle LabelPosition="Outer"/>
                  </chart:ChartDataMarker.LabelStyle>
                </chart:ChartDataMarker>
              </chart:DoughnutSeries.DataMarker>
            </chart:DoughnutSeries>
          </chart:SfChart.Series>
        </chart:SfChart>
        <Label Text="{Binding TotalRequest}" FontSize="36" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" TextColor="#611D4C" Margin="0,15,0,0"/>
        <ActivityIndicator IsRunning="{Binding IsBusy}" IsVisible="{Binding IsBusy}"/>
      </Grid>


How may I add scroll bar in legends as there are multiple legends in horizontal.

Regards,
Vantage

1 Reply

YP Yuvaraj Palanisamy Syncfusion Team July 12, 2016 01:22 PM UTC

Hi Vantage,

Thanks for conducting Syncfusion support.

we could see that you have already created an incident for the below query so please follow-up the incident for further updates.

Thanks,
Yuvaraj

Loader.
Up arrow icon