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.
Unfortunately, activation email could not send to your email. Please try again.

How to add Scroll bar in Legend in Horizontal mode

Thread ID:

Created:

Updated:

Platform:

Replies:

124952 Jul 11,2016 02:59 AM Jul 12,2016 09:22 AM Xamarin.Forms 1
loading
Tags: SfChart
Vantage
Asked On July 11, 2016 02:59 AM

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

Yuvaraj Palanisamy [Syncfusion]
Replied On July 12, 2016 09:22 AM

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

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;