ouczbs/FastGithub
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

动画连续性优化

Browse Source
This commit is contained in:
老九 2021-11-11 01:12:41 +08:00
parent 2da27f3dcd
commit 6883c8046d
2 changed files with 39 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
FastGithub.UI/FlowChart.xaml
View File

@ -15,13 +15,18 @@
<RowDefinition Height="Auto"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
</Grid.RowDefinitions>
<lvc:CartesianChart Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Name="flowChart" Series="{Binding Series}" LegendLocation="None" >
<lvc:CartesianChart.AxisY>
<lvc:Axis Foreground="#222" MinValue="0" LabelFormatter="{Binding YFormatter}"></lvc:Axis>
</lvc:CartesianChart.AxisY>
<lvc:CartesianChart.AxisX>
<lvc:Axis Foreground="#222" Labels="{Binding Labels}"></lvc:Axis>
<lvc:CartesianChart Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Name="flowChart" Series="{Binding Series}" LegendLocation="None" AnimationsSpeed="0:0:1" >
<lvc:CartesianChart.AxisX >
<lvc:Axis Unit="1000" LabelsRotation="0" Foreground="#222" LabelFormatter="{Binding XFormatter}">
</lvc:Axis>
</lvc:CartesianChart.AxisX>
<lvc:CartesianChart.AxisY>
<lvc:Axis Foreground="#222" MinValue="0" LabelFormatter="{Binding YFormatter}">
</lvc:Axis>
</lvc:CartesianChart.AxisY>
</lvc:CartesianChart>
<StackPanel Grid.Row="0" Grid.RowSpan="2" Grid.Column="1" VerticalAlignment="Top">
<TextBlock FontSize="12" FontWeight="Light" Foreground="DodgerBlue" HorizontalAlignment="Center" Margin="0 5">上行流量</TextBlock>

38
FastGithub.UI/FlowChart.xaml.cs
View File

@ -1,8 +1,8 @@
using LiveCharts;
using LiveCharts.Configurations;
using LiveCharts.Wpf;
using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Net.Http;
using System.Threading.Tasks;
using System.Windows.Controls;
@ -18,19 +18,24 @@ namespace FastGithub.UI
{
Title = "上行速率",
PointGeometry = null,
Values = new ChartValues<double>()
Values = new ChartValues<RateItem>()
};
private readonly LineSeries writeSeries = new LineSeries()
{
Title = "下行速率",
PointGeometry = null,
Values = new ChartValues<double>()
Values = new ChartValues<RateItem>()
};
public SeriesCollection Series { get; } = new SeriesCollection();
private static DateTime GetDateTime(double timestamp) => new DateTime(1970, 1, 1).Add(TimeSpan.FromMilliseconds(timestamp)).ToLocalTime();
public List<string> Labels { get; } = new List<string>();
private static double GetTimestamp(DateTime dateTime) => dateTime.ToUniversalTime().Subtract(new DateTime(1970, 1, 1)).TotalMilliseconds;
public SeriesCollection Series { get; } = new SeriesCollection(Mappers.Xy<RateItem>().X(item => item.Timestamp).Y(item => item.Rate));
public Func<double, string> XFormatter { get; } = timestamp => GetDateTime(timestamp).ToString("HH:mm:ss");
public Func<double, string> YFormatter { get; } = value => $"{FlowStatistics.ToNetworkSizeString((long)value)}/s";
@ -77,16 +82,29 @@ namespace FastGithub.UI
this.textBlockRead.Text = FlowStatistics.ToNetworkSizeString(flowStatistics.TotalRead);
this.textBlockWrite.Text = FlowStatistics.ToNetworkSizeString(flowStatistics.TotalWrite);
this.readSeries.Values.Add(flowStatistics.ReadRate);
this.writeSeries.Values.Add(flowStatistics.WriteRate);
this.Labels.Add(DateTime.Now.ToString("HH:mm:ss"));
var timestamp = GetTimestamp(DateTime.Now);
this.readSeries.Values.Add(new RateItem(flowStatistics.ReadRate, timestamp));
this.writeSeries.Values.Add(new RateItem(flowStatistics.WriteRate, timestamp));
if (this.Labels.Count > 60)
if (this.readSeries.Values.Count > 60)
{
this.readSeries.Values.RemoveAt(0);
this.writeSeries.Values.RemoveAt(0);
this.Labels.RemoveAt(0);
}
}
private class RateItem
{
public double Rate { get; }
public double Timestamp { get; }
public RateItem(double rate, double timestamp)
{
this.Rate = rate;
this.Timestamp = timestamp;
}
}
}
}