BPASmartClient/BPASmartClient.Academy/View/DeviceChart50LView.xaml

<UserControl
    x:Class="BPASmartClient.Academy.View.DeviceChart50LView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:BPASmartClient.Academy.View"
    xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:oxy="http://oxyplot.org/wpf" xmlns:vm="clr-namespace:BPASmartClient.Academy.ViewModel"
    d:DesignHeight="450" d:DesignWidth="800" mc:Ignorable="d">
    <!--<UserControl.DataContext>
        <vm:DeviceChart50LViewModel />
    </UserControl.DataContext>-->
    <Grid>
        <ScrollViewer x:Name="ooo" Grid.Row="1">

            <UniformGrid Columns="2" Rows="4">
                <StackPanel
                    Margin="20" Orientation="Vertical" Visibility="Visible">
                    <lvc:CartesianChart
                        x:Name="ppp" Height="270" HorizontalAlignment="Stretch" VerticalAlignment="Top"
                        AnimationsSpeed="0:0:1"
                        DataTooltip="{x:Null}"
                        Hoverable="False" MouseDoubleClick="DataView_CLick" ToolTip="温度曲线">
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="Red" StrokeThickness="2"
                                Values="{Binding DataFeedback.Temperature}" />
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="Blue" StrokeThickness="2"
                                Values="{Binding DataFeedback.CondensateWaterTemperature}" />
                        </lvc:CartesianChart.Series>
                        <lvc:CartesianChart.AxisY>
                            <lvc:Axis MaxValue="200" MinValue="0">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisY>
                        <lvc:CartesianChart.AxisX>
                            <lvc:Axis LabelFormatter="{Binding DateTimeFormatter}" Unit="{Binding AxisUnit}">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisX>
                    </lvc:CartesianChart>
                    <StackPanel Margin="0,10,0,0" Orientation="Horizontal">
                        <TextBlock Foreground="White" Text="温度曲线/℃" />

                        <Rectangle
                            Width="20" Height="2" Margin="10,0,0,2" Fill="Red" />
                        <TextBlock Foreground="White" Text="反应釜温度" />
                        <Rectangle
                            Width="20" Height="2" Margin="10,0,0,2" Fill="Blue" />
                        <TextBlock Foreground="White" Text="冷凝水罐温度" />
                    </StackPanel>

                </StackPanel>

                <StackPanel
                    Margin="20" Orientation="Vertical" Visibility="Visible">
                    <lvc:CartesianChart
                        Height="270" HorizontalAlignment="Stretch" VerticalAlignment="Top" AnimationsSpeed="0:0:1"
                        DataTooltip="{x:Null}"
                        Hoverable="False" MouseDoubleClick="DataView_CLick" ToolTip="压力曲线">
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="#F44F15" StrokeThickness="2"
                                Values="{Binding DataFeedback.SteamPressure}" />
                            <!--<lvc:LineSeries
                            Fill="Transparent"
                            LineSmoothness="1"
                            PointGeometry="{x:Null}"
                            Stroke="#423FFD"
                            StrokeThickness="2"
                            Values="{Binding DataFeedback.M102_Speed}" />-->
                        </lvc:CartesianChart.Series>
                        <lvc:CartesianChart.AxisY>
                            <lvc:Axis
                                LabelFormatter="{Binding doubleFormatter}"
                                MaxValue="0.6" MinValue="-0.1">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisY>
                        <lvc:CartesianChart.AxisX>
                            <lvc:Axis LabelFormatter="{Binding DateTimeFormatter}" Unit="{Binding AxisUnit}">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisX>
                    </lvc:CartesianChart>
                    <StackPanel Margin="0,10,0,0" Orientation="Horizontal">
                        <TextBlock Foreground="White" Text="压力曲线/MPa" />
                        <!--<Rectangle
                        Width="20"
                        Height="2"
                        Margin="10,0,0,2"
                        Fill="#423FFD" />
                    <TextBlock Foreground="White" Text="物料罐转速" />-->
                        <Rectangle
                            Width="20" Height="2" Margin="10,0,0,2" Fill="#F44F15" />
                        <TextBlock Foreground="White" Text="反应釜蒸汽压力" />
                    </StackPanel>

                </StackPanel>

                <StackPanel
                    Margin="20" Orientation="Vertical" Visibility="Visible">
                    <lvc:CartesianChart
                        Height="270" HorizontalAlignment="Stretch" VerticalAlignment="Top" AnimationsSpeed="0:0:1"
                        DataTooltip="{x:Null}"
                        Hoverable="False" MouseDoubleClick="DataView_CLick" ToolTip="比例阀开度曲线">
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="White" StrokeThickness="2"
                                Values="{Binding DataFeedback.ProportionalValveOpening}" />
                        </lvc:CartesianChart.Series>
                        <lvc:CartesianChart.AxisY>
                            <lvc:Axis MaxValue="100" MinValue="0">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisY>
                        <lvc:CartesianChart.AxisX>
                            <lvc:Axis LabelFormatter="{Binding DateTimeFormatter}" Unit="{Binding AxisUnit}">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisX>
                    </lvc:CartesianChart>
                    <StackPanel Margin="0,10,0,0" Orientation="Horizontal">
                        <TextBlock Foreground="White" Text="比例阀开度曲线" />
                        <Rectangle
                            Width="20" Height="2" Margin="20,0,0,2" Fill="White" />
                        <TextBlock Foreground="White" Text="蒸汽比例阀开度" />
                    </StackPanel>

                </StackPanel>

                <StackPanel
                    Margin="20" Orientation="Vertical" Visibility="Visible">
                    <lvc:CartesianChart
                        Height="270" HorizontalAlignment="Stretch" VerticalAlignment="Top" AnimationsSpeed="0:0:1"
                        DataTooltip="{x:Null}"
                        Hoverable="False" MouseDoubleClick="DataView_CLick" ToolTip="流量曲线">
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="Red" StrokeThickness="2"
                                Values="{Binding DataFeedback.SteamFlowRate}" />
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="#F1C74B" StrokeThickness="2"
                                Values="{Binding DataFeedback.NegativePressureFlowRate}" />
                        </lvc:CartesianChart.Series>
                        <lvc:CartesianChart.AxisY>
                            <lvc:Axis LabelFormatter="{Binding doubleFormatter}">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisY>
                        <lvc:CartesianChart.AxisX>
                            <lvc:Axis LabelFormatter="{Binding DateTimeFormatter}" Unit="{Binding AxisUnit}">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisX>
                    </lvc:CartesianChart>
                    <StackPanel Margin="0,10,0,0" Orientation="Horizontal">
                        <TextBlock Foreground="White" Text="流量曲线/Mpa" />
                        <Rectangle
                            Width="20" Height="2" Margin="20,0,0,2" Fill="Red" />
                        <TextBlock Foreground="White" Text="反应釜蒸汽流量" />
                        <Rectangle
                            Width="20" Height="2" Margin="20,0,0,2" Fill="#F1C74B" />
                        <TextBlock Foreground="White" Text="负压流量" />
                    </StackPanel>

                </StackPanel>

                <StackPanel
                    Margin="20" Orientation="Vertical" Visibility="Visible">
                    <lvc:CartesianChart
                        Height="270" HorizontalAlignment="Stretch" VerticalAlignment="Top" AnimationsSpeed="0:0:1"
                        DataTooltip="{x:Null}"
                        Hoverable="False" MouseDoubleClick="DataView_CLick" ToolTip="重量曲线">
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="Blue" StrokeThickness="2"
                                Values="{Binding DataFeedback.WeighingWaterTankWeight}" />
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="Brown" StrokeThickness="2"
                                Values="{Binding DataFeedback.BrineTankWeight}" />
                        </lvc:CartesianChart.Series>
                        <lvc:CartesianChart.AxisY>
                            <lvc:Axis
                                LabelFormatter="{Binding doubleFormatter}"
                                MaxValue="30" MinValue="-5">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisY>
                        <lvc:CartesianChart.AxisX>
                            <lvc:Axis LabelFormatter="{Binding DateTimeFormatter}" Unit="{Binding AxisUnit}">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisX>
                    </lvc:CartesianChart>
                    <StackPanel Margin="0,10,0,0" Orientation="Horizontal">
                        <TextBlock Foreground="White" Text="重量曲线/kg" />
                        <Rectangle
                            Width="20" Height="2" Margin="20,0,0,2" Fill="Blue" />
                        <TextBlock Foreground="White" Text="冷却水罐重量" />
                        <Rectangle
                            Width="20" Height="2" Margin="20,0,0,2" Fill="Brown" />
                        <TextBlock Foreground="White" Text="卤水罐重量" />
                    </StackPanel>

                </StackPanel>

                <StackPanel
                    Margin="20" Orientation="Vertical" Visibility="Visible">
                    <lvc:CartesianChart
                        Height="270" HorizontalAlignment="Stretch" VerticalAlignment="Top" AnimationsSpeed="0:0:1"
                        DataTooltip="{x:Null}"
                        Hoverable="False" MouseDoubleClick="DataView_CLick" ToolTip="湿度曲线">
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="White" StrokeThickness="2"
                                Values="{Binding DataFeedback.CondensateWaterHumidity}" />
                        </lvc:CartesianChart.Series>
                        <lvc:CartesianChart.AxisY>
                            <lvc:Axis MaxValue="100" MinValue="0">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisY>
                        <lvc:CartesianChart.AxisX>
                            <lvc:Axis LabelFormatter="{Binding DateTimeFormatter}" Unit="{Binding AxisUnit}">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisX>
                    </lvc:CartesianChart>
                    <StackPanel Margin="0,10,0,0" Orientation="Horizontal">
                        <TextBlock Foreground="White" Text="湿度曲线" />
                        <Rectangle
                            Width="20" Height="2" Margin="20,0,0,2" Fill="White" />
                        <TextBlock Foreground="White" Text="冷凝水罐湿度" />
                    </StackPanel>

                </StackPanel>

                <StackPanel
                    Margin="20" Orientation="Vertical" Visibility="Visible">
                    <lvc:CartesianChart
                        Height="270" HorizontalAlignment="Stretch" VerticalAlignment="Top" AnimationsSpeed="0:0:1"
                        DataTooltip="{x:Null}"
                        Hoverable="False" MouseDoubleClick="DataView_CLick" ToolTip="反应釜角度曲线">
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries
                                Fill="Transparent" LineSmoothness="1"
                                PointGeometry="{x:Null}"
                                Stroke="White" StrokeThickness="2"
                                Values="{Binding DataFeedback.ReactEncoderValue}" />
                        </lvc:CartesianChart.Series>
                        <lvc:CartesianChart.AxisY>
                            <lvc:Axis MaxValue="400" MinValue="0">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisY>
                        <lvc:CartesianChart.AxisX>
                            <lvc:Axis LabelFormatter="{Binding DateTimeFormatter}" Unit="{Binding AxisUnit}">
                                <lvc:Axis.Separator>
                                    <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisX>
                    </lvc:CartesianChart>
                    <StackPanel Margin="0,10,0,0" Orientation="Horizontal">
                        <TextBlock Foreground="White" Text="反应釜角度曲线" />
                        <Rectangle
                            Width="20" Height="2" Margin="20,0,0,2" Fill="White" />
                        <TextBlock Foreground="White" Text="反应釜编码器角度值" />
                    </StackPanel>

                </StackPanel>
            </UniformGrid>
        </ScrollViewer>
        <Grid
            x:Name="chartGrid" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="White"
            Visibility="Collapsed">
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition Width="200" />
            </Grid.ColumnDefinitions>
            <oxy:PlotView
                x:Name="chartView" Margin="5" Background="Transparent" Foreground="Black"
                PanCursor="Hand" />
            <Button
                Grid.Column="1" Width="120" Height=" 40" HorizontalAlignment="Center"
                VerticalAlignment="Center" Click="Button_Click" Content="退出" />
        </Grid>
    </Grid>
</UserControl>