我正在构建一个WPF工具,用于可视化冷藏集装箱(冷藏集装箱)的数据。这是传感器数据(温度、设定点、湿度)的简单绘图。
问题在于渲染性能。通过REST API加载数据非常快。将值重新格式化为DateTimePoints后(需要1ms),它们作为齿轮值设置在绑定的SeriesCollection上。在设置完值之后,应用程序会立即冻结10秒钟,以不流畅的方式呈现图表,整个应用程序都无法使用。我尝试了所有的示例和演示文稿,但我无法让LiveCharts以可用的方式运行,我不知道我在这里做错了什么。
问题在于渲染性能。通过REST API加载数据非常快。将值重新格式化为DateTimePoints后(需要1ms),它们作为齿轮值设置在绑定的SeriesCollection上。在设置完值之后,应用程序会立即冻结10秒钟,以不流畅的方式呈现图表,整个应用程序都无法使用。我尝试了所有的示例和演示文稿,但我无法让LiveCharts以可用的方式运行,我不知道我在这里做错了什么。
CartesianChart
3x GStepLineSeries,每个系列有626个值
XAxisFormatter DateTimePoint
我不知道我做错了什么。1900个齿轮值太多了吗?LiveCharts很糟糕吗?
public GStepLineSeries SupplyTemperatures
{
get { return _supplyTemperatures ?? (_supplyTemperatures = new GStepLineSeries() { Title = "Supply" }); }
set
{
_supplyTemperatures = value;
RaisePropertyChanged();
}
}
public GStepLineSeries ReturnTemperatures
{
get { return _returnTemperatures ?? (_returnTemperatures = new GStepLineSeries { Title = "Return" }); }
set
{
_returnTemperatures = value;
RaisePropertyChanged();
}
}
public GStepLineSeries Setpoints
{
get
{
return _setpoints ?? (_setpoints = new GStepLineSeries
{
Title = "Setpoint",
Fill = Brushes.Transparent,
PointGeometry = null
});
}
set
{
_setpoints = value;
RaisePropertyChanged();
}
}
public SeriesCollection ReeferDataTemperatureSeries
{
get
{
if (_reeferDataTemperatureSeries == null)
{
_reeferDataTemperatureSeries =
new SeriesCollection(GetSeriesConfig()) { SupplyTemperatures, ReturnTemperatures, Setpoints };
}
return _reeferDataTemperatureSeries;
}
set
{
_reeferDataTemperatureSeries = value;
RaisePropertyChanged();
}
}
private CartesianMapper<DateTimePoint> GetSeriesConfig()
{
return Mappers.Xy<DateTimePoint>()
.X(rdcv => (double)rdcv.DateTime.Ticks)
.Y(rdcv => rdcv.Value);
}
Xaml:
<lvc:CartesianChart
Height="800"
DisableAnimations="True"
IsManipulationEnabled="False"
LegendLocation="Top"
Series="{Binding ReeferDataTemperatureSeries}">
<lvc:CartesianChart.AxisX>
<lvc:Axis
Title="Time"
LabelFormatter="{Binding ReeferDataFormatter}"
RangeChanged="Axis_OnRangeChanged"
Separator="{x:Static lvc:DefaultAxes.CleanSeparator}" />
</lvc:CartesianChart.AxisX>
<lvc:CartesianChart.AxisY>
<lvc:Axis Title="Temperature" />
</lvc:CartesianChart.AxisY>
</lvc:CartesianChart>