FastLineSeries in RangeNavigator

[Julien Torrent]

Hi,

I want to use a FastLineSeries in my DateTimeRangeNavigator. How can I do it in XAML with bindings ?

Currently I'm trying to use something like the snippet below. The start and end dates are fines, but the line isn't showing. If I delete the chart in the content the line shows perfectly fine but is too slow to draw.

 

Thanks

<range:SfDateTimeRangeNavigator MinimumHeightRequest="50" HeightRequest="100" XBindingPath="TimeStamp" YBindingPath="Value" OverlayColor="#4dd3d3d3" ItemsSource="{Binding Serie}"  ViewRangeStart="{Binding StartDate, Mode=TwoWay}" ViewRangeEnd="{Binding EndDate, Mode=TwoWay}"  Intervals="Month,Week,Day" TooltipFormat="yyyy/MM/dd HH:mm" EnableDeferredUpdate="True" RangeChanged="RangeChanged">

     <range:SfDateTimeRangeNavigator.Content>

              <chart:SfChart x:Name="sfChart">

                        <chart:SfChart.PrimaryAxis>

                            <chart:DateTimeAxis IsVisible="False" ShowMajorGridLines="False"/>

                        </chart:SfChart.PrimaryAxis>

                        <chart:SfChart.SecondaryAxis>

                            <chart:NumericalAxis IsVisible="False" ShowMajorGridLines="False"/>

                        </chart:SfChart.SecondaryAxis>

                        

                        <chart:SfChart.Series>

                            <chart:FastLineSeries Color="Goldenrod" StrokeWidth="1" XBindingPath="TimeStamp" YBindingPath="Value" ItemsSource="{Binding Serie}"/>

                        </chart:SfChart.Series>

                    </chart:SfChart>

                </range:SfDateTimeRangeNavigator.Content>

</range:SfDateTimeRangeNavigator>

[Divya Venkatesan]

Hi Torrent, 

 

Thanks for contacting Syncfusion support. 

 

We can able to achieve your requirement by setting BindingContext for Content of SfDateTimeRangeNavigator as shown in the below code snippet. 

 

Code snippet[Xaml]: 

<range:SfDateTimeRangeNavigator.Content> 

    <chart:SfChart x:Name="sfChart" BindingContext="{x:Reference rangeNavigator}"> 

        <chart:SfChart.PrimaryAxis> 

            <chart:DateTimeAxis IsVisible="False" ShowMajorGridLines="False"/> 

        </chart:SfChart.PrimaryAxis> 

 

        <chart:SfChart.SecondaryAxis> 

            <chart:NumericalAxis IsVisible="False" ShowMajorGridLines="False"/> 

        </chart:SfChart.SecondaryAxis> 

 

        <chart:SfChart.Series> 

            <chart:FastLineSeries Color="Goldenrod" StrokeWidth="1" XBindingPath="TimeStamp" YBindingPath="Value" ItemsSource="{Binding ItemsSource}"/> 

        </chart:SfChart.Series> 

    </chart:SfChart> 

</range:SfDateTimeRangeNavigator.Content>          

 

 

Please let us know if you need any further assistance. 

 

Regards, 

Divya Venkatesan