bpa
/
BPASmartClient
2
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
终端一体化运控平台
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1437 Commits
7 Branches
2.7 GiB
 
 
 
Tree: 0e691456cc
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '0e691456cc'
${ noResults }
BPASmartClient/BPASmartClient.Academy/View/DeviceChartView.xaml

332 lines
14 KiB
Raw Blame History 

  1. <UserControl

  2.     x:Class="BPASmartClient.Academy.View.DeviceChartView"

  3.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  4.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  5.     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

  6.     xmlns:local="clr-namespace:BPASmartClient.Academy.View"

  7.     xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"

  8.     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

  9.     xmlns:oxy="http://oxyplot.org/wpf"

  10.     xmlns:vm="clr-namespace:BPASmartClient.Academy.ViewModel"

  11.     d:DesignHeight="450"

  12.     d:DesignWidth="800"

  13.     mc:Ignorable="d">

  14.     <UserControl.DataContext>

  15.         <vm:DeviceChartViewModel />

  16.     </UserControl.DataContext>

  17.     <Grid>

  18.         <UniformGrid x:Name="ooo"

  19.             Grid.Row="1"

  20.               Rows="2"

  21.             Columns="2">

  22.             <StackPanel Orientation="Vertical">

  23.                 <lvc:CartesianChart

  24.                     x:Name="ppp"

  25.                     Height="270"

  26.                     HorizontalAlignment="Stretch"

  27.                     VerticalAlignment="Top"

  28.                     AnimationsSpeed="0:0:1"

  29.                     DataTooltip="{x:Null}"

  30.                     Hoverable="False"

  31.                     MouseDoubleClick="DataView_CLick"

  32.                     ToolTip="温度曲线">

  33.                     <lvc:CartesianChart.Series>

  34.                         <lvc:LineSeries

  35.                             Fill="Transparent"

  36.                             LineSmoothness="1"

  37.                             PointGeometry="{x:Null}"

  38.                             Stroke="Red"

  39.                             StrokeThickness="2"

  40.                             Values="{Binding DataFeedback.TempWok}" />

  41.                         <lvc:LineSeries

  42.                             Fill="Transparent"

  43.                             LineSmoothness="1"

  44.                             PointGeometry="{x:Null}"

  45.                             Stroke="Blue"

  46.                             StrokeThickness="2"

  47.                             Values="{Binding DataFeedback.TempMaterial}" />

  48.                         <lvc:LineSeries

  49.                             Fill="Transparent"

  50.                             LineSmoothness="1"

  51.                             PointGeometry="{x:Null}"

  52.                             Stroke="Green"

  53.                             StrokeThickness="2"

  54.                             Values="{Binding DataFeedback.TempVent}" />

  55.                     </lvc:CartesianChart.Series>

  56.                     <lvc:CartesianChart.AxisY>

  57.                         <lvc:Axis >

  58.                             <lvc:Axis.Separator>

  59.                                 <lvc:Separator IsEnabled="False" />

  60.                             </lvc:Axis.Separator>

  61.                         </lvc:Axis>

  62.                     </lvc:CartesianChart.AxisY>

  63.                     <lvc:CartesianChart.AxisX>

  64.                         <lvc:Axis

  65.                             LabelFormatter="{Binding DateTimeFormatter}"

  66.                             Unit="{Binding AxisUnit}">

  67.                             <lvc:Axis.Separator>

  68.                                 <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />

  69.                             </lvc:Axis.Separator>

  70.                         </lvc:Axis>

  71.                     </lvc:CartesianChart.AxisX>

  72.                 </lvc:CartesianChart>

  73.                 <StackPanel Margin="0,10,0,0" Orientation="Horizontal">

  74.                     <TextBlock Foreground="White" Text="温度曲线/℃" />

  75.                     <Rectangle

  76.                         Width="20"

  77.                         Height="2"

  78.                         Margin="10,0,0,2"

  79.                         Fill="Blue" />

  80.                     <TextBlock Foreground="White" Text="物料罐温度" />

  81.                     <Rectangle

  82.                         Width="20"

  83.                         Height="2"

  84.                         Margin="10,0,0,2"

  85.                         Fill="Red" />

  86.                     <TextBlock Foreground="White" Text="反应釜温度" />

  87.                     <Rectangle

  88.                         Width="20"

  89.                         Height="2"

  90.                         Margin="10,0,0,2"

  91.                         Fill="Green" />

  92.                     <TextBlock Foreground="White" Text="排气温度" />

  93.                 </StackPanel>

  94. 

  95.             </StackPanel>

  96. 

  97.             <StackPanel Margin="20,0,0,0" Orientation="Vertical">

  98.                 <lvc:CartesianChart

  99.                     Height="270"

  100.                     HorizontalAlignment="Stretch"

  101.                     VerticalAlignment="Top"

  102.                     AnimationsSpeed="0:0:1"

  103.                     DataTooltip="{x:Null}"

  104.                     Hoverable="False"

  105.                     MouseDoubleClick="DataView_CLick"

  106.                     ToolTip="转速曲线">

  107.                     <lvc:CartesianChart.Series>

  108.                         <lvc:LineSeries

  109.                             Fill="Transparent"

  110.                             LineSmoothness="1"

  111.                             PointGeometry="{x:Null}"

  112.                             Stroke="#F44F15"

  113.                             StrokeThickness="2"

  114.                             Values="{Binding DataFeedback.M101_Speed}" />

  115.                         <lvc:LineSeries

  116.                             Fill="Transparent"

  117.                             LineSmoothness="1"

  118.                             PointGeometry="{x:Null}"

  119.                             Stroke="#423FFD"

  120.                             StrokeThickness="2"

  121.                             Values="{Binding DataFeedback.M102_Speed}" />

  122.                     </lvc:CartesianChart.Series>

  123.                     <lvc:CartesianChart.AxisY>

  124.                         <lvc:Axis>

  125.                             <lvc:Axis.Separator>

  126.                                 <lvc:Separator IsEnabled="False" />

  127.                             </lvc:Axis.Separator>

  128.                         </lvc:Axis>

  129.                     </lvc:CartesianChart.AxisY>

  130.                     <lvc:CartesianChart.AxisX>

  131.                         <lvc:Axis

  132.                             LabelFormatter="{Binding DateTimeFormatter}"

  133.                             Unit="{Binding AxisUnit}">

  134.                             <lvc:Axis.Separator>

  135.                                 <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />

  136.                             </lvc:Axis.Separator>

  137.                         </lvc:Axis>

  138.                     </lvc:CartesianChart.AxisX>

  139.                 </lvc:CartesianChart>

  140.                 <StackPanel Margin="0,10,0,0" Orientation="Horizontal">

  141.                     <TextBlock Foreground="White" Text="转速曲线/rpm" />

  142.                     <Rectangle

  143.                         Width="20"

  144.                         Height="2"

  145.                         Margin="10,0,0,2"

  146.                         Fill="#423FFD" />

  147.                     <TextBlock Foreground="White" Text="物料罐转速" />

  148.                     <Rectangle

  149.                         Width="20"

  150.                         Height="2"

  151.                         Margin="10,0,0,2"

  152.                         Fill="#F44F15" />

  153.                     <TextBlock Foreground="White" Text="反应釜转速" />

  154.                 </StackPanel>

  155. 

  156.             </StackPanel>

  157. 

  158.             <!--<StackPanel Orientation="Vertical">

  159.                 <lvc:CartesianChart

  160.                     Height="270"

  161.                     HorizontalAlignment="Stretch"

  162.                     VerticalAlignment="Top"

  163.                     AnimationsSpeed="0:0:1"

  164.                     DataTooltip="{x:Null}"

  165.                     Hoverable="False"

  166.                     MouseDoubleClick="DataView_CLick"

  167.                     ToolTip="比例阀开度曲线">

  168.                     <lvc:CartesianChart.Series>

  169.                         <lvc:LineSeries

  170.                             Fill="Transparent"

  171.                             LineSmoothness="1"

  172.                             PointGeometry="{x:Null}"

  173.                             Stroke="White"

  174.                             StrokeThickness="2"

  175.                             Values="{Binding DataFeedback.OpenValve}" />

  176.                     </lvc:CartesianChart.Series>

  177.                     <lvc:CartesianChart.AxisY>

  178.                         <lvc:Axis>

  179.                             <lvc:Axis.Separator>

  180.                                 <lvc:Separator IsEnabled="False" />

  181.                             </lvc:Axis.Separator>

  182.                         </lvc:Axis>

  183.                     </lvc:CartesianChart.AxisY>

  184.                     <lvc:CartesianChart.AxisX>

  185.                         <lvc:Axis

  186.                             LabelFormatter="{Binding DateTimeFormatter}"

  187.                             Unit="{Binding AxisUnit}">

  188.                             <lvc:Axis.Separator>

  189.                                 <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />

  190.                             </lvc:Axis.Separator>

  191.                         </lvc:Axis>

  192.                     </lvc:CartesianChart.AxisX>

  193.                 </lvc:CartesianChart>

  194.                 <StackPanel Margin="0,10,0,0" Orientation="Horizontal">

  195.                     <TextBlock Foreground="White" Text="比例阀开度曲线" />

  196.                     <Rectangle

  197.                         Width="20"

  198.                         Height="2"

  199.                         Margin="20,0,0,2"

  200.                         Fill="White" />

  201.                     <TextBlock Foreground="White" Text="比例阀开度" />

  202.                 </StackPanel>

  203. 

  204.             </StackPanel>-->

  205. 

  206.             <!--<StackPanel Orientation="Vertical">

  207.                 <lvc:CartesianChart

  208.                     Height="270"

  209.                     HorizontalAlignment="Stretch"

  210.                     VerticalAlignment="Top"

  211.                     AnimationsSpeed="0:0:1"

  212.                     DataTooltip="{x:Null}"

  213.                     Hoverable="False"

  214.                     MouseDoubleClick="DataView_CLick"

  215.                     ToolTip="压力曲线">

  216.                     <lvc:CartesianChart.Series>

  217.                         <lvc:LineSeries

  218.                             Fill="Transparent"

  219.                             LineSmoothness="1"

  220.                             PointGeometry="{x:Null}"

  221.                             Stroke="#F1C74B"

  222.                             StrokeThickness="2"

  223.                             Values="{Binding DataFeedback.PressureWok}" />

  224.                     </lvc:CartesianChart.Series>

  225.                     <lvc:CartesianChart.AxisY>

  226.                         <lvc:Axis

  227.                             LabelFormatter="{Binding doubleFormatter}"

  228.                             MaxValue="1.0"

  229.                             MinValue="0">

  230.                             <lvc:Axis.Separator>

  231.                                 <lvc:Separator IsEnabled="False" />

  232.                             </lvc:Axis.Separator>

  233.                         </lvc:Axis>

  234.                     </lvc:CartesianChart.AxisY>

  235.                     <lvc:CartesianChart.AxisX>

  236.                         <lvc:Axis

  237.                             LabelFormatter="{Binding DateTimeFormatter}"

  238.                             Unit="{Binding AxisUnit}">

  239.                             <lvc:Axis.Separator>

  240.                                 <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />

  241.                             </lvc:Axis.Separator>

  242.                         </lvc:Axis>

  243.                     </lvc:CartesianChart.AxisX>

  244.                 </lvc:CartesianChart>

  245.                 <StackPanel Margin="0,10,0,0" Orientation="Horizontal">

  246.                     <TextBlock Foreground="White" Text="压力曲线/Mpa" />

  247.                     <Rectangle

  248.                         Width="20"

  249.                         Height="2"

  250.                         Margin="20,0,0,2"

  251.                         Fill="#F1C74B" />

  252.                     <TextBlock Foreground="White" Text="反应釜压力" />

  253.                 </StackPanel>

  254. 

  255.             </StackPanel>-->

  256. 

  257.             <StackPanel Margin="0,20,0,0" Orientation="Vertical">

  258.                 <lvc:CartesianChart

  259.                     Height="270"

  260.                     HorizontalAlignment="Stretch"

  261.                     VerticalAlignment="Top"

  262.                     AnimationsSpeed="0:0:1"

  263.                     DataTooltip="{x:Null}"

  264.                     Hoverable="False"

  265.                     MouseDoubleClick="DataView_CLick"

  266.                     ToolTip="重量曲线">

  267.                     <lvc:CartesianChart.Series>

  268.                         <lvc:LineSeries

  269.                             Fill="Transparent"

  270.                             LineSmoothness="1"

  271.                             PointGeometry="{x:Null}"

  272.                             Stroke="Purple"

  273.                             StrokeThickness="2"

  274.                             Values="{Binding DataFeedback.WeightWok}" />

  275.                     </lvc:CartesianChart.Series>

  276.                     <lvc:CartesianChart.AxisY>

  277.                         <lvc:Axis>

  278.                             <lvc:Axis.Separator>

  279.                                 <lvc:Separator IsEnabled="False" />

  280.                             </lvc:Axis.Separator>

  281.                         </lvc:Axis>

  282.                     </lvc:CartesianChart.AxisY>

  283.                     <lvc:CartesianChart.AxisX>

  284.                         <lvc:Axis

  285.                             LabelFormatter="{Binding DateTimeFormatter}"

  286.                             Unit="{Binding AxisUnit}">

  287.                             <lvc:Axis.Separator>

  288.                                 <lvc:Separator IsEnabled="False" Step="{Binding AxisStep}" />

  289.                             </lvc:Axis.Separator>

  290.                         </lvc:Axis>

  291.                     </lvc:CartesianChart.AxisX>

  292.                 </lvc:CartesianChart>

  293.                 <StackPanel Margin="0,10,0,0" Orientation="Horizontal">

  294.                     <TextBlock Foreground="White" Text="重量曲线/kg" />

  295.                     <Rectangle

  296.                         Width="20"

  297.                         Height="2"

  298.                         Margin="20,0,0,2"

  299.                         Fill="Purple" />

  300.                     <TextBlock Foreground="White" Text="冷却水罐重量" />

  301.                 </StackPanel>

  302. 

  303.             </StackPanel>

  304.         </UniformGrid>

  305.         <Grid

  306.             x:Name="chartGrid"

  307.             HorizontalAlignment="Stretch"

  308.             VerticalAlignment="Stretch"

  309.             Background="White"

  310.             Visibility="Collapsed">

  311.             <Grid.ColumnDefinitions>

  312.                 <ColumnDefinition />

  313.                 <ColumnDefinition Width="200" />

  314.             </Grid.ColumnDefinitions>

  315.             <oxy:PlotView

  316.                 x:Name="chartView"

  317.                 Margin="5"

  318.                 Background="Transparent"

  319.                 Foreground="Black"

  320.                 PanCursor="Hand" />

  321.             <Button

  322.                 Grid.Column="1"

  323.                 Width="120"

  324.                 Height=" 40"

  325.                 HorizontalAlignment="Center"

  326.                 VerticalAlignment="Center"

  327.                 Click="Button_Click"

  328.                 Content="退出" />

  329.         </Grid>

  330.     </Grid>

  331. </UserControl>