livecharts界面显示曲线

最新推荐文章于 2024-10-26 16:08:51 发布

爱摸鱼的猫毛

最新推荐文章于 2024-10-26 16:08:51 发布

阅读量546

点赞数

文章标签： wpf

本文链接：https://blog.youkuaiyun.com/llwr1314/article/details/129316578

版权

该文章展示了一段WPF代码，用于创建一个具有滚动和缩放功能的笛卡尔图表，显示四个通道的电力数据。每个通道用不同颜色的线条表示，图表的X轴是时间，Y轴是电力值。数据通过动态资源和绑定机制更新，支持自定义标签格式和轴范围。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<lvc:CartesianChart
                    Grid.Row="1"
                    DataTooltip="{x:Null}"
                    DisableAnimations="True"
                    Hoverable="True"
                    LegendLocation="Top"
                    ScrollBarFill="#25303030"
                    ScrollMode="X"
                    Zoom="X">
                    <!--  曲线  -->
                    <lvc:CartesianChart.Series>
                        <!--  通道1参数  -->
                        <geared:GLineSeries
                            Title="{DynamicResource ch1}"
                            Fill="Transparent"
                            LineSmoothness="1"
                            PointGeometry="{x:Static lvc:DefaultGeometries.Circle}"
                            PointGeometrySize="10"
                            Stroke="#00CCFF"
                            StrokeThickness="3"
                            Values="{Binding SamplePtEle.Ch1EleChartValues}" />
                        <!--  通道2参数  -->
                        <geared:GLineSeries
                            Title="{DynamicResource ch2}"
                            Fill="Transparent"
                            LineSmoothness="0"
                            PointGeometry="{x:Static lvc:DefaultGeometries.Square}"
                            PointGeometrySize="10"
                            Stroke="#FF3300"
                            StrokeThickness="3"
                            Values="{Binding SamplePtEle.Ch2EleChartValues}" />
                        <!--  通道3参数  -->
                        <lvc:LineSeries
                            Title="{DynamicResource ch3}"
                            Fill="Transparent"
                            LineSmoothness="0"
                            PointGeometry="{x:Static lvc:DefaultGeometries.Cross}"
                            PointGeometrySize="10"
                            Stroke="#FF00FF3E"
                            StrokeThickness="3"
                            Values="{Binding SamplePtEle.Ch3EleChartValues}" />
                        <!--  通道4参数  -->
                        <geared:GLineSeries
                            Title="{DynamicResource ch4}"
                            Fill="Transparent"
                            LineSmoothness="0"
                            PointGeometry="{x:Static lvc:DefaultGeometries.Triangle}"
                            PointGeometrySize="10"
                            Stroke="#FFFFF500"
                            StrokeThickness="3"
                            Values="{Binding SamplePtEle.Ch4EleChartValues}" />
                    </lvc:CartesianChart.Series>
                    <!--  X坐标轴  -->
                    <lvc:CartesianChart.AxisX>
                        <lvc:Axis
                            Title="时间"
                            LabelFormatter="{Binding DateTimeFormatter}"
                            MaxValue="{Binding AxisMaxValue}"
                            MinValue="{Binding AxisMinValue}"
                            Unit="{Binding ChartAxisElec.AxisUnit}">
                            <lvc:Axis.Separator>
                                <lvc:Separator IsEnabled="False" Step="{Binding ChartAxisElec.AxisStep}" />
                            </lvc:Axis.Separator>
                        </lvc:Axis>
                    </lvc:CartesianChart.AxisX>
                    <lvc:CartesianChart.AxisY>
                        <lvc:Axis
                            Title="electricity"
                            Foreground="DodgerBlue"
                            LabelFormatter="{Binding SamplePtEle.Formatter}"
                            MaxValue="10"
                            MinValue="0" />
                        <lvc:Axis Foreground="Transparent" />
                    </lvc:CartesianChart.AxisY>
                </lvc:CartesianChart>