LiveChart显示多轴

最新推荐文章于 2024-09-22 15:47:34 发布

物随心转

最新推荐文章于 2024-09-22 15:47:34 发布

阅读量5.3k

点赞数 2

分类专栏： WPF

本文链接：https://blog.csdn.net/sinat_31608641/article/details/89511964

版权

WPF 专栏收录该内容

70 篇文章 6 订阅

订阅专栏

LiveChart显示多轴，如果全是直线，官网的教程很详细，比如，你要让二个折线图同时显示。

1、设置一个 <lvc:CartesianChart.AxisX >，

   <lvc:CartesianChart.AxisX >
                <lvc:Axis FontSize="16" Foreground="Black" Labels="">
                    <lvc:Axis.Separator>
                        <lvc:Separator x:Name="X_Separator"
                                       x:FieldModifier="public"></lvc:Separator>
                    </lvc:Axis.Separator>
                </lvc:Axis>
            </lvc:CartesianChart.AxisX>

lvc:CartesianChart.AxisY 中设置二个坐标轴

<lvc:CartesianChart.AxisY>

                 <lvc:Axis Foreground="DodgerBlue" Title="Blue Axis"/>
                <lvc:Axis Foreground="IndianRed" Title="Red Axis" Position="RightTop">
                    <lvc:Axis.Separator>
                        <lvc:Separator x:FieldModifier="public"></lvc:Separator>
                    </lvc:Axis.Separator>
                </lvc:Axis>

</lvc:CartesianChart.AxisY>

2、给每个LineSeries设置ScalesYAt属性

<lvc:CartesianChart.Series>
<lvc:LineSeries Values="1,5,3,5,3" LineSmoothness="0"/>
<lvc:LineSeries Values="20,30,70,20,10" LineSmoothness="0" ScalesYAt="1"/>
</lvc:CartesianChart.Series>

这里有个小麻烦，你要是使用 ColumnSeries 与LineSerirs一起绘制，如果X轴的间距过大，比如间隔100，它就显示不出来，

建议不要一起画.