CartesianChart 上未显示 LiveCharts SeriesCollection
LiveCharts SeriesCollection not showing on CartesianChart
修改 website's documentation 上提供的代码后,我无法显示 SeriesCollection。让我告诉你我做了什么。
首先,XAML:
<Grid>
<lvc:CartesianChart Series="{Binding GraphData.SeriesCollection}"
LegendLocation="Top">
<lvc:CartesianChart.AxisY>
<lvc:Axis Title="VIs"></lvc:Axis>
</lvc:CartesianChart.AxisY>
<lvc:CartesianChart.AxisX>
<lvc:Axis Title="Players"></lvc:Axis>
</lvc:CartesianChart.AxisX>
</lvc:CartesianChart>
</Grid>
在我的 ViewModel 中,我有一个自定义对象存储我希望绑定到此图表的信息:
public GraphModel GraphData { get; set; } = new GraphModel();
我有一个按钮可以测试我的代码。单击它执行以下代码:
private void UpdateGraphStatistics()
{
var compdata = new List<double>();
var dqdata = new List<double>();
foreach (var item in Competitors)
{
if (!item.DQ)
{
compdata.Add(item.VIs);
}
else if (item.DQ)
{
dqdata.Add(item.VIs);
}
}
GraphData = new GraphModel(compdata, dqdata);
}
出于所有意图和目的,上面的代码向两个列表添加了一系列双打,我确定这是有效的(所以这不是问题;SeriesCollection 不为空!)
接下来,GraphModel。这是一个大问题,问题可能出在哪里,但我无法确定问题出在哪里:
class GraphModel
{
public ChartValues<ObservablePoint> CompetitionData = new ChartValues<ObservablePoint>();
public ChartValues<ObservablePoint> DQData = new ChartValues<ObservablePoint>();
public SeriesCollection SeriesCollection { get; set; }
public GraphModel()
{
CreateSeriesCollection();
}
public GraphModel(List<double> competitionData, List<double> dqData)
{
ParseData(competitionData, dqData);
CreateSeriesCollection();
}
private void CreateSeriesCollection()
{
SeriesCollection = new SeriesCollection
{
new LineSeries
{
Title = "Competition Data (VIs/Player Number)",
Values = CompetitionData,
LineSmoothness = 0.6,
PointForeground = Brushes.Blue
},
new LineSeries
{
Title = "DQ Data (VIs/Player Number)",
Values = DQData,
LineSmoothness = 1,
PointForeground = Brushes.Red
}
};
}
private void ParseData(List<double> compData, List<double> dqData)
{
// Convert competitionData into observable points
int count = 1;
foreach (var item in compData)
{
CompetitionData.Add(new ObservablePoint(count++, item));
}
// Convert dqdata into observable points
int offsetX = CompetitionData.Count;
foreach (var item in dqData)
{
DQData.Add(new ObservablePoint(offsetX++, item));
}
}
}
方法 ParseData()
以前曾在非 WPF 代码中使用过,所以我知道这不太可能是问题的原因。
我还没有解决问题所在。我没有正确绑定我的数据吗?
编辑
对于上下文,我知道 GraphModel
中的 SeriesCollection 肯定也包含我想要的信息,因为此代码与非 WPF 版本的软件大致相同我最初试用了。
我解决了我自己的问题。问题是每次我想更新图形数据时我都是运行相同的方法(如上所示):
private void UpdateGraphStatistics()
{
var compdata = new List<double>();
var dqdata = new List<double>();
foreach (var item in Competitors)
{
if (!item.DQ)
{
compdata.Add(item.VIs);
}
else if (item.DQ)
{
dqdata.Add(item.VIs);
}
}
GraphData = new GraphModel(compdata, dqdata);
}
此代码的问题在于它创建了一个新对象,该对象实际上切断了视图与 GraphData
的绑定。
我有两个选择:不创建新对象,或者创建新对象然后将视图重新绑定到该对象。
因为我还没有弄清楚如何很好地重新绑定视图,所以我选择了在对象中创建一个方法来修改数据的选项。我做到了:
public void ParseData(List<CompetitorModel> compData, List<CompetitorModel> dqData)
{
CompetitionData.Clear();
DQData.Clear();
// Convert competitionData into observable points
int count = 0;
foreach (var item in compData)
{
CompetitionData.Add(new ObservablePoint(count++, item.VIs));
}
// Convert dqdata into observable points
int offsetX = compData.Count;
foreach (var item in dqData)
{
DQData.Add(new ObservablePoint(offsetX++, item.VIs));
}
}
简而言之,我编写了处理对象内数据传递的代码部分 public,它清除了其中的集合,并且 构造了一个新的 修改了通过更改 CompetitionData
和 DQData
集合,仍然绑定到视图的现有 SeriesCollection,不会中断绑定。
一旦我学会了如何重新绑定数据,我可以将此方法设为私有并简单地创建一个新对象,但随后我还创建了整个 SeriesCollection(和其他 Funcs和我现在模型中的东西) 每次,所以这种方法理论上可能更快 process-wise.
修改 website's documentation 上提供的代码后,我无法显示 SeriesCollection。让我告诉你我做了什么。
首先,XAML:
<Grid>
<lvc:CartesianChart Series="{Binding GraphData.SeriesCollection}"
LegendLocation="Top">
<lvc:CartesianChart.AxisY>
<lvc:Axis Title="VIs"></lvc:Axis>
</lvc:CartesianChart.AxisY>
<lvc:CartesianChart.AxisX>
<lvc:Axis Title="Players"></lvc:Axis>
</lvc:CartesianChart.AxisX>
</lvc:CartesianChart>
</Grid>
在我的 ViewModel 中,我有一个自定义对象存储我希望绑定到此图表的信息:
public GraphModel GraphData { get; set; } = new GraphModel();
我有一个按钮可以测试我的代码。单击它执行以下代码:
private void UpdateGraphStatistics()
{
var compdata = new List<double>();
var dqdata = new List<double>();
foreach (var item in Competitors)
{
if (!item.DQ)
{
compdata.Add(item.VIs);
}
else if (item.DQ)
{
dqdata.Add(item.VIs);
}
}
GraphData = new GraphModel(compdata, dqdata);
}
出于所有意图和目的,上面的代码向两个列表添加了一系列双打,我确定这是有效的(所以这不是问题;SeriesCollection 不为空!)
接下来,GraphModel。这是一个大问题,问题可能出在哪里,但我无法确定问题出在哪里:
class GraphModel
{
public ChartValues<ObservablePoint> CompetitionData = new ChartValues<ObservablePoint>();
public ChartValues<ObservablePoint> DQData = new ChartValues<ObservablePoint>();
public SeriesCollection SeriesCollection { get; set; }
public GraphModel()
{
CreateSeriesCollection();
}
public GraphModel(List<double> competitionData, List<double> dqData)
{
ParseData(competitionData, dqData);
CreateSeriesCollection();
}
private void CreateSeriesCollection()
{
SeriesCollection = new SeriesCollection
{
new LineSeries
{
Title = "Competition Data (VIs/Player Number)",
Values = CompetitionData,
LineSmoothness = 0.6,
PointForeground = Brushes.Blue
},
new LineSeries
{
Title = "DQ Data (VIs/Player Number)",
Values = DQData,
LineSmoothness = 1,
PointForeground = Brushes.Red
}
};
}
private void ParseData(List<double> compData, List<double> dqData)
{
// Convert competitionData into observable points
int count = 1;
foreach (var item in compData)
{
CompetitionData.Add(new ObservablePoint(count++, item));
}
// Convert dqdata into observable points
int offsetX = CompetitionData.Count;
foreach (var item in dqData)
{
DQData.Add(new ObservablePoint(offsetX++, item));
}
}
}
方法 ParseData()
以前曾在非 WPF 代码中使用过,所以我知道这不太可能是问题的原因。
我还没有解决问题所在。我没有正确绑定我的数据吗?
编辑
对于上下文,我知道 GraphModel
中的 SeriesCollection 肯定也包含我想要的信息,因为此代码与非 WPF 版本的软件大致相同我最初试用了。
我解决了我自己的问题。问题是每次我想更新图形数据时我都是运行相同的方法(如上所示):
private void UpdateGraphStatistics()
{
var compdata = new List<double>();
var dqdata = new List<double>();
foreach (var item in Competitors)
{
if (!item.DQ)
{
compdata.Add(item.VIs);
}
else if (item.DQ)
{
dqdata.Add(item.VIs);
}
}
GraphData = new GraphModel(compdata, dqdata);
}
此代码的问题在于它创建了一个新对象,该对象实际上切断了视图与 GraphData
的绑定。
我有两个选择:不创建新对象,或者创建新对象然后将视图重新绑定到该对象。
因为我还没有弄清楚如何很好地重新绑定视图,所以我选择了在对象中创建一个方法来修改数据的选项。我做到了:
public void ParseData(List<CompetitorModel> compData, List<CompetitorModel> dqData)
{
CompetitionData.Clear();
DQData.Clear();
// Convert competitionData into observable points
int count = 0;
foreach (var item in compData)
{
CompetitionData.Add(new ObservablePoint(count++, item.VIs));
}
// Convert dqdata into observable points
int offsetX = compData.Count;
foreach (var item in dqData)
{
DQData.Add(new ObservablePoint(offsetX++, item.VIs));
}
}
简而言之,我编写了处理对象内数据传递的代码部分 public,它清除了其中的集合,并且 构造了一个新的 修改了通过更改 CompetitionData
和 DQData
集合,仍然绑定到视图的现有 SeriesCollection,不会中断绑定。
一旦我学会了如何重新绑定数据,我可以将此方法设为私有并简单地创建一个新对象,但随后我还创建了整个 SeriesCollection(和其他 Funcs和我现在模型中的东西) 每次,所以这种方法理论上可能更快 process-wise.