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.
Hi All,
I am getting the error while checking the series collection. If I remove the condition it works fine but I only want to display chart when it has series data as it is a realtime chart(data is populating continously using web socket)
Error details:
Code:
@using Newtonsoft.Json
@using SharedBO.DTOs
@using Syncfusion.Blazor.Charts
@using Syncfusion.Blazor.Buttons
@using System.Collections.ObjectModel
@using System.Net.WebSockets
@using Syncfusion.Blazor.Lists
@using Syncfusion.Blazor.DropDowns
@using System.Text
@inject ILogger<MultipleRealTime> logger
<style>
.e-chart {
height: inherit !important;
width: inherit !important;
}
.e-accumulationchart {
height: inherit !important;
width: inherit !important;
}
test123_svg{
width: 800px!important;
}
</style>
@*<SfListView DataSource="@points" ShowCheckBox="true" @ref="sfListView" Width="150px">
<ListViewFieldSettings TValue="PointDataInfo" Id="PointId" Text="PointName"></ListViewFieldSettings>
</SfListView>*@
<SfButton @onclick="AddChartSeries">Real Time Chart</SfButton>
@if (SeriesCollection.Count() > 0)
{
<div class="container" Width="100%">
<SfChart @ref="liveChart" Width="100%" ID="test123">
<ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.DateTimeCategory" LabelFormat="hh:mm:ss tt" Title="Time (s)">
</ChartPrimaryXAxis>
<ChartAxes>
@foreach (var item in SeriesCollection)
{
<ChartAxis Name=@item.UOM OpposedPosition="false" Title=@item.UOM />
}
</ChartAxes>
<ChartSeriesCollection>
@foreach (var series in SeriesCollection)
{
<ChartSeries Type="ChartSeriesType.Line" XName=@series.XName YName=@series.YName DataSource=@series.Data Name=@series.PointName YAxisName=@series.UOM>
</ChartSeries>
}
</ChartSeriesCollection>
</SfChart>
</div>
}
@code {
private SfListView<PointDataInfo> sfListView;
private SfChart liveChart;
public Boolean isChartLoaded = false;
public class SeriesData
{
public string XName
{
get;
set;
}
public string YName
{
get;
set;
}
public ObservableCollection<ChartDataPoint> Data
{
get;
set;
}
public Guid PointId { get; set; }
public string PointName { get; set; }
public string UOM { get; set; }
}
public PointDataInfo[] points = {
new PointDataInfo { PointName ="Inverter 1A", PointId = Guid.Parse("37ef3157-2101-4d3f-8821-d5b43276d2e5") ,UOM="kW"},
new PointDataInfo { PointName = "Irriadence", PointId = Guid.Parse("e219f4d9-5206-40dd-abf2-db732e54d817"),UOM="w/m2" },
new PointDataInfo { PointName = "Backpanel Temp", PointId = Guid.Parse("c75ffb5d-af1a-4456-8d06-0dc9a543f4d7"),UOM="C"},
};
public class ChartDataPoint
{
public string Timestr { get; set; }
//public double metrics { get; set; }
public double metrics { get; set; }
}
ObservableCollection<SeriesData> SeriesCollection = new ObservableCollection<SeriesData>();
public async Task AddChartSeries()
{
//SelectedItems<PointDataInfo> items = await sfListView.GetCheckedItemsAsync();
await Connection(points.ToList());
}
protected override void OnInitialized()
{
base.OnInitialized();
}
public async Task Connection(List<PointDataInfo> reqList)
{
var clientConnection = new ChartClientConnection(new ClientWebSocket(), new Uri("wss://localhost:8081/pointInfo"), logger);
var cts = new CancellationTokenSource();
await foreach (var item in clientConnection.ConnectAsync(reqList, cts.Token))
{
foreach (var x in item)
{
var seriesData = SeriesCollection.Where(y => x.PointId == y.PointId).FirstOrDefault();
if (seriesData != null)
{
if (seriesData.Data.Count >10)
{
seriesData.Data.RemoveAt(0);
}
seriesData.Data.Add(new ChartDataPoint
{
Timestr = x.Timestr,
metrics = x.dataValue
});
}
else
{
SeriesData SeriesData = new SeriesData();
SeriesCollection.Add(new SeriesData
{
XName = nameof(ChartDataPoint.Timestr),
YName = nameof(ChartDataPoint.metrics),
Data = new ObservableCollection<ChartDataPoint>
{
new ChartDataPoint
{
Timestr = x.Timestr,
metrics = x.dataValue
}
},
PointId=x.PointId,
PointName=x.PointName,
UOM=x.UOM
});
StateHasChanged();
}
//logger.LogError(DateTime.Now.ToString() +" "+ x.Timestr+ " " + x.PointId);
}
}
}
}
Thanks
Pankaj
