Chart控件可以用来绘制波形图、柱状图、饼图、折线图等,用来进行数据表现是很不错的,现在简单说一下这个控件的使用方法
XAML:
<Window x:Class="WpfApp.MainWindow"
xmlns="http://schemas.microsoft.com/winfx//xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx//xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/"
xmlns:local="clr-namespace:WpfApp"
xmlns:wfi="clr-namespace:System.Windows.Forms.Integration;assembly=WindowsFormsIntegration"
xmlns:wf="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms"
xmlns:Chr="clr-namespace:System.Windows.Forms.DataVisualization.Charting;assembly=System.Windows.Forms.DataVisualization"
mc:Ignorable="d" WindowStartupLocation="CenterScreen"
Title="MainWindow" Height="" Width="600">
<Grid>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="" />
</Grid.RowDefinitions>
<WindowsFormsHost x:Name="WFHost_HistoryFlow" Margin="" Background="Azure">
<Chr:Chart x:Name="chartTest" BackColor="WhiteSmoke"/>
</WindowsFormsHost>
<Border Grid.Row="" Background="LightBlue"/>
<StackPanel Margin="" Grid.Row="1" HorizontalAlignment="Center" Orientation="Horizontal" >
<Button x:Name="btn_Start" Click="btn_Start_Click" Content="开始" Height="" Width="100"/>
<Button x:Name="btn_Stop" Click="btn_Stop_Click" Content="停止" Height="" Width="100" Margin="10 0 0 0"/>
<Button x:Name="btn_ChangeEnable" Click="btn_ChangeEnable_Click" Content="切换显示隐藏状态" Height="" Width="100" Margin="10 0 0 0"/>
</StackPanel>
</Grid>
</Window>
C# behind code:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Forms;
using System.Windows.Forms.DataVisualization.Charting;
using System.Data;
// https://www.cnblogs.com/stackmiao/p/.html // 参考
namespace WpfApp
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
Constructor();
SetChartArea();
SetSeries();
SetTitle();
SetLegend();
SetStripLine();
}
private ChartArea m_ChartArea;
private Series m_Series;
private Series m_Series_;
private Legend m_Legend;
private Title m_Title;
private Random m_Random = new Random((int)DateTime.Now.Ticks);
private Timer m_Timer = new Timer()
{
Interval =,
Enabled = false
};
private void Constructor()
{
// Chart 控件可以包含多个 ChartArea
// ChartArea 里可以含多条 Series
m_ChartArea = new ChartArea();
m_Series = new Series("曲线");
m_Series_ = new Series("曲线2");
m_Legend = new Legend("No.");
m_Title = new System.Windows.Forms.DataVisualization.Charting.Title(
"保压值", System.Windows.Forms.DataVisualization.Charting.Docking.Top,
new System.Drawing.Font("宋体",F), System.Drawing.Color.Black);
chartTest.ChartAreas.Add(m_ChartArea);
chartTest.Series.Add(m_Series);
chartTest.Legends.Add(m_Legend);
chartTest.Titles.Add(m_Title);
m_Timer.Tick += M_Timer_Tick;
m_Timer.Tick += M_Timer_Tick_;
}
private void M_Timer_Tick(object sender, EventArgs e)
{
int yVal = m_Random.Next(, 70);
if (m_Series.Points.Count <)
{
m_Series.Points[m_Series.Points.Count -].Label = " ";
m_Series.Points.Add(yVal);
m_Series.Points[m_Series.Points.Count -].Label = yVal.ToString() + "N";
return;
}
m_Series.Points.RemoveAt();
m_Series.Points[m_Series.Points.Count -].Label = " ";
m_Series.Points.Add(yVal);
m_Series.Points[m_Series.Points.Count -].Label = yVal.ToString() + "N";
}
private void M_Timer_Tick_(object sender, EventArgs e)
{
int yVal = m_Random.Next(, 70);
if (m_Series_.Points.Count < 20)
{
m_Series_.Points[m_Series_2.Points.Count - 1].Label = " ";
m_Series_.Points.Add(yVal);
m_Series_.Points[m_Series_2.Points.Count - 1].Label = yVal.ToString() + "N";
return;
}
m_Series_.Points.RemoveAt(0);
m_Series_.Points[m_Series_2.Points.Count - 1].Label = " ";
m_Series_.Points.Add(yVal);
m_Series_.Points[m_Series_2.Points.Count - 1].Label = yVal.ToString() + "N";
}
private void SetChartArea()
{
m_ChartArea.Name = "TestChartArea";
m_ChartArea.AxisX.Minimum =;
m_ChartArea.AxisX.Maximum =;
m_ChartArea.AxisY.Minimum =d;
m_ChartArea.AxisY.Maximum =d;
m_ChartArea.AxisX.IsStartedFromZero = true; // X 轴起点从开始 没摸索出来有啥用
m_ChartArea.AxisX.IntervalOffset =;
m_ChartArea.AxisX.Interval =;
m_ChartArea.AxisX.IsMarginVisible = false;
m_ChartArea.AxisX.MajorGrid.Enabled = true; //X轴上网格
m_ChartArea.AxisY.MajorGrid.Enabled = true; //Y轴上网格
m_ChartArea.AxisX.Title = "X轴";
m_ChartArea.AxisY.Title = "Y轴";
m_ChartArea.AxisX.TitleAlignment = System.Drawing.StringAlignment.Far;
m_ChartArea.AxisY.TitleAlignment = System.Drawing.StringAlignment.Far;
}
private void SetSeries()
{
m_Series.ChartArea = "TestChartArea";
m_Series.ChartType = SeriesChartType.Spline;
m_Series.Color = System.Drawing.Color.Blue;
m_Series.BorderWidth =;
m_Series.MarkerColor = System.Drawing.Color.Green;
m_Series.MarkerSize =;
m_Series.MarkerStyle = MarkerStyle.Circle;
m_Series.Legend = "No.";
m_Series.LegendText = "保压压力";
//series.Points.AddXY(, 1);
m_Series.Points.AddXY("", 0); // 这样跟X标签一起添加
m_Series.Points.AddXY("", 10);
m_Series.Points.AddXY("", 35);
m_Series.Points.AddXY("", 32);
m_Series.Points.AddXY("", 79);
m_Series.Points.AddXY("", 40);
m_Series.Points.AddXY("", 67);
m_Series.Points.AddXY("", 77);
m_Series.Points.AddXY("", 48);
// Label 显示最后添加的一个数据 Y 值
m_Series.IsValueShownAsLabel = true;
m_Series.Label = "#LABEL";
for (int i =; i < m_Series.Points.Count; i++)
{
if (i < m_Series.Points.Count -)
{
m_Series.Points[i].Label = " "; // 给个空白
continue;
}
m_Series.Points[i].Label = m_Series.Points[i].YValues[].ToString() + "N";
}
/***********曲线二************/
m_Series_ = new Series("Series Name NO.2");
m_Series_.ChartType = SeriesChartType.Line;
m_Series_.MarkerColor = System.Drawing.Color.Green;
m_Series_.MarkerSize = 5;
m_Series_.MarkerStyle = MarkerStyle.Circle;
chartTest.Series.Add(m_Series_);
m_Series_.LegendText = "压力值";
m_Series_.Points.Add(4);
m_Series_.Points.Add(10);
m_Series_.Points.Add(45);
m_Series_.Points.Add(66);
m_Series_.Points.Add(45);
m_Series_.Points.Add(23);
m_Series_.Points.Add(56);
}
private void SetTitle()
{
// 标题
// 在 Constructor() Add 添加了
}
private void SetLegend()
{
m_Legend.Docking = Docking.Top; // 位置
}
private void SetStripLine()
{
// 加一条线 红色警告线
StripLine stripline = new StripLine();
stripline.Interval =;
stripline.IntervalOffset =;
stripline.StripWidth =.3;
stripline.BackColor = System.Drawing.Color.Red;
stripline.BorderDashStyle = ChartDashStyle.Solid;
stripline.TextAlignment = System.Drawing.StringAlignment.Near;
stripline.Text = "下限:";
m_ChartArea.AxisY.StripLines.Add(stripline);
stripline = new StripLine();
stripline.Interval =;
stripline.IntervalOffset =;
stripline.StripWidth =.2;
stripline.Text = "上限:";
stripline.TextLineAlignment = System.Drawing.StringAlignment.Far;
stripline.TextAlignment = System.Drawing.StringAlignment.Near;
stripline.BackColor = System.Drawing.Color.Red;
stripline.BorderDashStyle = ChartDashStyle.Solid;
m_ChartArea.AxisY.StripLines.Add(stripline);
}
private void btn_Start_Click(object sender, RoutedEventArgs e)
{
m_Timer.Enabled = true;
}
private void btn_Stop_Click(object sender, RoutedEventArgs e)
{
m_Timer.Enabled = false;
}
private void btn_ChangeEnable_Click(object sender, RoutedEventArgs e)
{
m_Series_.Enabled = !m_Series_2.Enabled;
}
}
}
参考: