在数据可视化领域，区间图表是一种非常有用的工具，它可以帮助用户直观地理解数据的分布和范围。本文将介绍一个名为 IntervalChart 的 WPF 控件，它专门用于在应用程序中可视化实数区间。这个控件不仅可以处理开放/封闭端点，还能处理无限端点和不同区间的高度。
要开始使用 IntervalChart 控件，首先需要下载其编译好的程序集文件。然后按照以下步骤进行：
xmlns:h="clr-namespace:HAKGERSoft.IntervalChart;assembly=HAKGERSoft.IntervalChart"
然后在适当的位置添加控件声明：
<h:HIntervalChart Width="500" Height="200">
</h:HIntervalChart>
这样就会在界面上添加一个空的控件，没有指定任何区间。
可以通过 XAML 或代码后台向图表中添加区间。
通过 Items 属性，可以很容易地通过 XAML 添加区间：
<h:HIntervalChart Width="500" Height="200">
<h:HIntervalChart.Items>
<h:Interval>
<h:Interval.Left>
<h:IntervalEndpoint Value="2"></h:IntervalEndpoint>
</h:Interval.Left>
<h:Interval.Right>
<h:IntervalEndpoint Value="4"></h:IntervalEndpoint>
</h:Interval.Right>
</h:Interval>
<h:Interval>
<h:Interval.Left>
<h:IntervalEndpoint Value="6"></h:IntervalEndpoint>
</h:Interval.Left>
<h:Interval.Right>
<h:IntervalEndpoint Value="10"></h:IntervalEndpoint>
</h:Interval.Right>
</h:Interval>
</h:HIntervalChart.Items>
</h:HIntervalChart>
这样的声明会创建两个简单的区间。
通过代码后台使用 ItemsSource 属性也可以达到相同的效果：
using System.Windows;
using System.Collections.ObjectModel;
using HAKGERSoft.IntervalChart;
namespace TestApp {
public partial class MainWindow : Window {
public ObservableCollection<Interval> IntervalCollection {
get;
set;
}
public MainWindow() {
IntervalCollection = new ObservableCollection<Interval>() {
new Interval() {
Left = new IntervalEndpoint() { Value = 2 },
Right = new IntervalEndpoint() { Value = 4 }
},
new Interval() {
Left = new IntervalEndpoint() { Value = 6 },
Right = new IntervalEndpoint() { Value = 10 }
}
};
InitializeComponent();
}
}
}
在 XAML 中绑定 IntervalCollection：
<h:HIntervalChart Width="500" Height="200" ItemsSource="{Binding Path=IntervalCollection, ElementName=MyWindow}">
</h:HIntervalChart>
其中 "MyWindow" 是包含 IntervalCollection 的窗口名称。
区间的显示遵循以下规则：
如果两个或更多区间相互交叉，使用 Shift 属性可以改变区间的高度，以便于区分。默认的 Shift 值是 1，可以取 1, 2, 3, 4 的值。
区间端点是区间的边缘，由 IntervalEndpoint 类表示。
可以将端点声明为无限，以指示该方向上没有界限（在这种情况下，IntervalEndpoint.Value 应该是 double.PositiveInfinity）。
如何改变区间的大小？
特定区间的实际大小不能直接定义。它取决于整个图表控件的大小以及其他定义的区间。可以改变的是整个 IntervalChart 控件的大小。可以显式设置 Width 和 Height 值，或者使用 WPF 水平拉伸特性，以便图表填充所有可用的大小。不支持垂直拉伸。
如何改变区间的颜色？
目前除了重新模板化之外，无法改变。
是否有缩放功能？
不，IntervalChart 是一个非常简单的控件，没有交互功能（缩放、滚动等）。