1 Answer, 1 is accepted
Hi Daniel,
Thank you for the provided image.
To achieve the desired result the chart can be bound to ObservableCollection where the records are stored. As soon as a new item is added to the collection, the UI will be updated.
For more information on how the Chart can be populated using ObservableCollection, please go to the following link:
https://docs.telerik.com/devtools/maui/controls/chart/series/cartesian/line-series
So, if we take the example from the article as a base and add a simple button with Clicked event:
<Grid RowDefinitions="Auto, *">
<Button Text="Add Item" Clicked="AddNewItem_Clicked" />
<telerikChart:RadCartesianChart x:Name="chart" Grid.Row="1">
<telerikChart:RadCartesianChart.BindingContext>
<local:SeriesCategoricalViewModel />
</telerikChart:RadCartesianChart.BindingContext>
<telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:CategoricalAxis LabelFitMode="MultiLine"
PlotMode="OnTicks" />
</telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:RadCartesianChart.VerticalAxis>
<telerikChart:NumericalAxis />
</telerikChart:RadCartesianChart.VerticalAxis>
<telerikChart:RadCartesianChart.Series>
<telerikChart:LineSeries ValueBinding="Value"
CategoryBinding="Category"
ItemsSource="{Binding Data1}" />
<telerikChart:LineSeries ValueBinding="Value"
CategoryBinding="Category"
ItemsSource="{Binding Data2}" />
</telerikChart:RadCartesianChart.Series>
</telerikChart:RadCartesianChart>
</Grid>In the event handler add a new CategoricalData point:
private void AddNewItem_Clicked(object sender, EventArgs args)
{
(chart.BindingContext as SeriesCategoricalViewModel).Data1.Add(new CategoricalData() { Category = "New Point", Value= 15});
}As soon as the app user taps the button, the Chart will be updated and the new value will be added to the line series.
I hope this sheds some light on this case. Let me know if I can provide any further assistance.
Regards,
Antoan
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Silver
Bronze
