Update Charts on Separate Pages

Question

I have an app with several pages that display various data in real time. However, every time I navigate to a different page, the chart is cleared and starts over. How can I keep the charts updating constantly while still being able to navigate between pages?

Muneesh Kumar G · Answer

Hi Ben,

Greetings from Syncfusion, we have analyzed your query and we would like to inform you that while navigate page in UWP, each time new instance created for page view. Thereby, chart also get reinitialized for rendering. So, we suggest you to use Pivot view to resolve this problem. Please find the code snippet below.

Code snippet [XAML]:

<Pivot>

<chart:SfChart x:Name="Chart" Margin="0,20,20,0" AreaBorderThickness="0,1,1,1" >

..

</chart:SfChart>

</PivotItem>

<chart:SfChart x:Name="Chart1" Margin="0,20,20,0" AreaBorderThickness="0,1,1,1">

..

</chart:SfChart>

</PivotItem>

</Pivot>

We have prepared a sample based on this, please find the sample from the following location.

Sample:

http://www.syncfusion.com/downloads/support/forum/139390/ze/Chart_UWP215115366

Please refer below user documentation for more details about Pivot.

https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.pivot

Please let us know if you have any other queries.

Thanks,

Muneesh Kumar G

Ben · Answer

Thank you for the reply, but I've solved the issue in a different manner. By declaring the item source for a given chart in the app's shell page to be static, it doesn't get cleared upon navigation to other pages.

In shellpage.xaml.cs:

public static ObservableCollection<DataSet> ChartData = new ObservableCollection<DataSet>();

In chartpage.xaml.cs:

        public ChartPage()
        {
            InitializeComponent();
            foreach (Syncfusion.UI.Xaml.Charts.SplineSeries _ls in Chart.Series)
            {
                _ls.ItemsSource = ShellPage.ChartData;
            }
        }

Muneesh Kumar G · Answer

Hi Ben,Glad that the problem has been resolved and please get back to us if you need any other assistance. Regards,Muneesh Kumar G.