如何调整RangeSlider的大小以匹配LiveCharts CartesianChart的内部图表宽度

Question

我正在使用LiveCharts显示图像控件的直方图。我想添加某种滑块控件，使用户可以选择较高和较低的像素值，然后将它们剪切像素强度并重新缩放它们（对比度增强）。 我的问题是我不知道如何使滑块的屏幕坐标与直方图的图表在图表的深处对齐-有图例等对其进行移动。

<Grid Grid.Row="2" Grid.Column="0" Margin="5" >
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>

            <wpf:CartesianChart  Grid.Row="0" Series="{Binding HistogramSeries}" Zoom="X" LegendLocation="Right">
                <wpf:CartesianChart.AxisY>
                    <wpf:Axis Title="Count" LabelFormatter="{Binding YFormatter}" MinValue="0" 
                              MaxValue="{Binding MaxPixelCount.Value,Mode=OneWay,UpdateSourceTrigger=PropertyChanged}"/>
                </wpf:CartesianChart.AxisY>
                <wpf:CartesianChart.AxisX>
                    <wpf:Axis Title="Pixel" Labels="{Binding Labels}" 
MinValue="1" MaxValue="255"/>
                </wpf:CartesianChart.AxisX>
            </wpf:CartesianChart>
            <xctk:RangeSlider Grid.Row="1" Minimum="1" Maximum="255" LowerValue="{Binding ContrastMinValue.Value}" 
              HigherValue="{Binding ContrastMaxValue.Value}"></xctk:RangeSlider>
</Grid>

这显示得很好，但是显然两个没有排列在一起：

是否可以使用绑定表达式将RangeSlider的左右边缘绑定到图形的X坐标？