LiveCharts：绘制轴线答案

【问题标题】：LiveCharts: Draw Axis LineLiveCharts：绘制轴线
【发布时间】：2018-02-28 11:02:46
【问题描述】：

我正在使用 LiveCharts 绘制行图。

Xaml 代码：

<lvc:CartesianChart Grid.Column="0" Zoom="None" Margin="0,0,0,8" AnimationsSpeed="0" DataTooltip="{x:Null}">
    <lvc:CartesianChart.Resources>
        <Style TargetType="lvc:Separator">
            <Setter Property="Stroke" Value="CadetBlue" />
            <Setter Property="StrokeThickness" Value="0.4" />
        </Style>
    </lvc:CartesianChart.Resources>
    <lvc:CartesianChart.Series>
            <lvc:RowSeries Name="AlarmTypeSeries" Values="{Binding AlarmTypeHistogramValues}" Configuration="{Binding AlarmTypeHistogramMapper}" />
    </lvc:CartesianChart.Series>
    <lvc:CartesianChart.AxisX>
        <lvc:Axis Name="XAxis" MinValue="0" MaxValue="{Binding MaxXAxisValue}" FontSize="13.3" Title="Alarmanzahl"/>
    </lvc:CartesianChart.AxisX>
    <lvc:CartesianChart.AxisY>
        <lvc:Axis Name="YAxis" MinValue="-7" MaxValue="1" ShowLabels="False" />
    </lvc:CartesianChart.AxisY>
</lvc:CartesianChart>

生成的图表在下图中的左侧。

我想要实现的是绘制 X 轴，从而得到类似于右侧图表的结果。

我会假设轴会自动绘制，但也许我遗漏了一些东西。

显然 LiveCharts 中有一个错误可以解释这种行为，但它在 2016 年被报告： https://github.com/beto-rodriguez/Live-Charts/issues/142

我已经尝试在 Y 轴的适当点（下面的 XAML 代码）添加一个部分，结果看起来不错，但必须动态确定确切的点。

<lvc:Axis.Sections>
    <lvc:AxisSection Value="-6.45" StrokeThickness="1"  Stroke="CadetBlue"/>
</lvc:Axis.Sections>

所以总而言之，我对执行此操作的最佳方法有点无能为力，感谢您的每一个帮助。

【问题讨论】：

标签： wpf livecharts

【解决方案1】：

您好，我也在寻找相同的答案。甚至在实时图表论坛中看到了您的帖子。但仍然没有找到任何答案。目前我正在使用一个部分来标记轴线。如果有人需要。这是我用过的。

<LiveChart:Axis.Sections>
       <LiveChart:AxisSection Value="{Binding XAxisMinValue}" Stroke="Black" StrokeThickness="1"/>
</LiveChart:Axis.Sections>

其中的最小值是我的图表开始绘制 p[loting 的最小点。我尝试了几条路径，并将其设为“0”，以在轴上画一条线。希望对某人有所帮助。

【讨论】：

【解决方案2】：

并不是说这会是最好的解决方案，但您可以做的是使用分隔符而不是部分，并将 Step 设置为一个值，以确保分隔符正好位于图表的顶部和底部。但我理解它与您发现的类似。

<lvc:Axis.Separator>
    <lvc:Separator StrokeThickness="1" Stroke="CadetBlue" Step="100"/>
</lvc:Axis.Separator>

【讨论】：