我有一个图表,所有工作正常,除了我需要让x轴标签'跟随'y轴零交叉。
我一直在玩标签边距,可以将标签偏移到网格线的左侧或右侧
<DVC:LinearAxis.AxisLabelStyle>
<Style TargetType="{x:Type DVC:AxisLabel}">
<Setter Property="Margin" Value="25,0,0,0" />
</Style>
</DVC:LinearAxis.AxisLabelStyle>
我还没有弄清楚如何将标签向上移动到图表中以便它出现在中间。我将绑定到值以确定确切的位置,但我甚至无法弄清楚如何在垂直平面中移动标签。
任何帮助或指针非常感谢。
谢谢。
经过大量的反复试验和阅读文章后,我终于找到了一个非常简单而优雅的解决方案。
我已将AxisLabel
的margin属性绑定到图表区域的ActualHeight
,并使用MultiValueConverter
创建正确的边距值。
XAML
<DVC:LinearAxis.AxisLabelStyle>
<Style TargetType="{x:Type DVC:AxisLabel}">
<Setter Property="Margin">
<Setter.Value>
<MultiBinding Converter="{StaticResource MarginConverter}">
<Binding Path="ActualHeight"
RelativeSource="{RelativeSource AncestorType={x:Type primitives:EdgePanel}}" />
<Binding Path="DataContext.ChartRange" RelativeSource="{RelativeSource FindAncestor,
AncestorType={x:Type DVC:LinearAxis}}" />
</MultiBinding>
</Setter.Value>
</Setter>
</Style>
</DVC:LinearAxis.AxisLabelStyle>
MarginConverter.cs
public class MarginConverter : IMultiValueConverter
{
public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
{
var height = 0d;
var chartHeight = (double) values[0];
var range = (Range<double>) values[1];
if (range.HasData)
{
if (range.Minimum > 0)
{
// Set labels to bottom
height = 0;
}
else if (range.Maximum < 0)
{
// Set labels to top
height = -chartHeight;
}
else
{
var rangeHeight = range.Maximum - range.Minimum;
var pointsPerHeight = chartHeight / rangeHeight;
height = range.Minimum * pointsPerHeight;
}
}
return new Thickness(25, height, 0, 0);
}
public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
}
范围是绘制图形然后绑定到VM上的属性时的最大和最小y值。
这是一个令人惊讶的优雅解决方案,我认为这将是非常hacky。在调整视图大小时,标签将使用新尺寸重新定位。