在 scichart 折线图中交互式选择范围答案

【问题标题】：Interactively selecting ranges in scichart line graph在 scichart 折线图中交互式选择范围
【发布时间】：2018-09-12 01:43:55
【问题描述】：

我正在使用 SciChart 在交互式折线图中绘制测量结果。用户需要能够选择用于执行进一步分析的某些范围。选择的部分需要在视觉上突出显示。范围还需要可直接从表格中编辑。

我考虑了以下选项：

使用新的 MVVM API 在 VerticalLineAnnotationViewModel 的 X 属性上使用直接数据绑定。这似乎工作正常。我可以移动垂直线，表格也会相应更新，反之亦然。但是如何在两条垂直线之间绘制突出显示，也使用数据绑定？我想突出显示应该类似于带有不透明背景的 BoxAnnotation。我不能在 SciChartSurface 上使用额外的 Annotions 属性。如何添加额外的绑定来绘制突出显示，同时仍然保持图形和表格中垂直线的直接数据绑定？
使用新的 MVVM API 在 BoxAnnotationViewModel 上使用直接数据绑定。我将范围的开始和结束绑定到 X1 和 X2 属性。 Y1 和 Y2 设置为常规 Y 范围之外的任意值。这似乎工作正常，但是，我只能拖动矩形，我不能让它们变宽。如何允许仅在 X 方向调整矩形的大小，并且最好还禁用拖动功能？

这是我想要实现的功能示例。1

如果有其他选项可以获得类似的功能，请告诉我。

【问题讨论】：

【解决方案1】：

有一个例子，说明如何使用SciChart WPF charts 中的CompositeAnnotation API 创建一个Range Annotation - 由一个用于背景的BoxAnnotation 和两个用于左右边缘的Line Annotation 组成。

注释是可拖动的、可调整大小的，并且可以在 Viewmodel 中创建以实现真正的 MVVM 方法。

使用 CompositeAnnotation API 可以将任何注释组合应用于图表，以创建可选择性编辑/可拖动的复杂形状或绘图。

【讨论】：