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