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>
        <UniformGrid
            x:Name="ooo"
            Grid.Row="1"
            Columns="2"
            Rows="2">
            <StackPanel Orientation="Vertical">
                <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.CondensateWaterHumidity}" />
                        <lvc:LineSeries
                            Fill="Transparent"
                            LineSmoothness="1"
                            PointGeometry="{x:Null}"
                            Stroke="Blue"
                            StrokeThickness="2"
                            Values="{Binding DataFeedback.TempMaterial}" />
                        <lvc:LineSeries
                            Fill="Transparent"
                            LineSmoothness="1"
                            PointGeometry="{x:Null}"
                            Stroke="Green"
                            StrokeThickness="2"
                            Values="{Binding DataFeedback.TempVent}" />
                    </lvc:CartesianChart.Series>
                    <lvc:CartesianChart.AxisY>
                        <lvc:Axis>
                            <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="Blue" />
                    <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="Green" />
                    <TextBlock Foreground="White" Text="排气温度" />
                </StackPanel>

            </StackPanel>

            <StackPanel Margin="20,0,0,0" Orientation="Vertical">
                <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.M101_Speed}" />
                        <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>
                            <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="转速曲线/rpm" />
                    <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 Orientation="Vertical">
                <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.OpenValve}" />
                    </lvc:CartesianChart.Series>
                    <lvc:CartesianChart.AxisY>
                        <lvc:Axis>
                            <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 Orientation="Vertical">
                <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="#F1C74B"
                            StrokeThickness="2"
                            Values="{Binding DataFeedback.PressureWok}" />
                    </lvc:CartesianChart.Series>
                    <lvc:CartesianChart.AxisY>
                        <lvc:Axis
                            LabelFormatter="{Binding doubleFormatter}"
                            MaxValue="1.0"
                            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="压力曲线/Mpa" />
                    <Rectangle
                        Width="20"
                        Height="2"
                        Margin="20,0,0,2"
                        Fill="#F1C74B" />
                    <TextBlock Foreground="White" Text="反应釜压力" />
                </StackPanel>

            </StackPanel>-->

            <StackPanel Margin="0,20,0,0" Orientation="Vertical">
                <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="Purple"
                            StrokeThickness="2"
                            Values="{Binding DataFeedback.WeightWok}" />
                    </lvc:CartesianChart.Series>
                    <lvc:CartesianChart.AxisY>
                        <lvc:Axis>
                            <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="Purple" />
                    <TextBlock Foreground="White" Text="冷却水罐重量" />
                </StackPanel>

            </StackPanel>
        </UniformGrid>
        <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>