BPASmartClient/BPASmartClient.Academy/View/DeviceChartView.xaml

<UserControl
    x:Class="BPASmartClient.Academy.View.DeviceChartView"
    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:DeviceChartViewModel />
    </UserControl.DataContext>
    <Grid>
        <UniformGrid
            x:Name="ooo"
            Grid.Row="1"
            Columns="3"
            Rows="2">
            <!--#region  温度曲线-->
            <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.TempWok}" />
                        <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 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="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>
            <!--#endregion-->

            <!--#region 转速曲线-->
            <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 MinValue="0" MaxValue="100">
                            <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="#423FFD" />
                    <TextBlock Foreground="White" Text="物料罐转速" />
                    <Rectangle
                        Width="20"
                        Height="2"
                        Margin="10,0,0,2"
                        Fill="#F44F15" />
                    <TextBlock Foreground="White" Text="反应釜转速" />
                </StackPanel>

            </StackPanel>
            <!--#endregion-->

            <!--#region  比例阀开度曲线 -->
            <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 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>
            <!--#endregion-->

            <!--#region 压力曲线 -->
            <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:LineSeries
                            Fill="Transparent"
                            LineSmoothness="1"
                            PointGeometry="{x:Null}"
                            Stroke="#FF1FFF"
                            StrokeThickness="2"
                            Values="{Binding DataFeedback.PressureWok_Week}" />
                    </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="20,0,0,2"
                        Fill="#F1C74B" />
                    <TextBlock Foreground="White" Text="反应釜压力" />
                    <Rectangle
                        Width="20"
                        Height="2"
                        Margin="20,0,0,2"
                        Fill="#FF1FFF" />
                    <TextBlock Foreground="White" Text="反应釜蒸汽压力" />
                </StackPanel>

            </StackPanel>
            <!--#endregion-->

            <!--#region 重量曲线 -->
            <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="#fe43fe"
                            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="#fe43fe" />
                    <TextBlock Foreground="White" Text="冷却水罐重量" />
                </StackPanel>

            </StackPanel>
            <!--#endregion-->
        </UniformGrid>
        <!--#region 总曲线 -->
        <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="White"
                Foreground="Black"
                PanCursor="Hand" />
            <Button
                Grid.Column="1"
                Width="120"
                Height=" 40"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Click="Button_Click"
                Content="退出" />
        </Grid>
        <!--#endregion-->
    </Grid>
</UserControl>