如何将WPF Canvas（或类似）绑定到行列表

Question

我有DataGrid，可能包含1000行。我想在它的一侧有一个约15px宽的窄帆布面板，以显示与DataGrid中的行相关的小红/绿/蓝指示线。

类似的东西：

示例问题：我知道1400行中的第5,60,700行有错误。如何以编程方式将画布项目设置为线条，同时将它们分开，以便它们与DataGrid中的分隔相关联。即。 60到700之间会有很大的距离。

我知道我可以用某种比例做到这一点。即如果画布的高度是500，我可以做1400/500 =比率。然后，如果我想绘制700行，我只能将其除以比率。

我想知道我怎么做：

1. 从后面的代码添加行，但更好地绑定到某种类型 ObservableCollection行。{/ li>
2. 如何指定每行canvas顶部的高度。