使用說明html
在工具箱-數據分組中咱們就能夠看到chart控件，使用時拖拽到界面便可。能夠經過屬性面板設置其樣式，也能夠經過代碼來調整樣式。設置的屬性可參照：https://www.cnblogs.com/arxive/p/5861960.htmldom
下面展現下本身作技術測試的圖片：
工具
總結了部分設置chart樣式功能的通用類：測試
public class ChartHelper
{
/// <summary>
/// Name：添加序列
/// Author：by boxuming 2019-04-28 13:59
/// </summary>
/// <param name="chart">圖表對象</param>
/// <param name="seriesName">序列名稱</param>
/// <param name="chartType">圖表類型</param>
/// <param name="color">顏色</param>
/// <param name="markColor">標記點顏色</param>
/// <param name="showValue">是否顯示數值</param>
public static void AddSeries(Chart chart, string seriesName, SeriesChartType chartType, Color color, Color markColor, bool showValue = false)
{
chart.Series.Add(seriesName);
chart.Series[seriesName].ChartType = chartType;
chart.Series[seriesName].Color = color;
if (showValue)
{
chart.Series[seriesName].IsValueShownAsLabel = true;
chart.Series[seriesName].MarkerStyle = MarkerStyle.Circle;
chart.Series[seriesName].MarkerColor = markColor;
chart.Series[seriesName].LabelForeColor = color;
chart.Series[seriesName].LabelAngle = -90;
}
}
/// <summary>
/// Name：設置標題
/// Author：by boxuming 2019-04-28 14:25
/// </summary>
/// <param name="chart">圖表對象</param>
/// <param name="chartName">圖表名稱</param>
public static void SetTitle(Chart chart, string chartName, Font font, Docking docking, Color foreColor)
{
chart.Titles.Add(chartName);
chart.Titles[0].Font = font;
chart.Titles[0].Docking = docking;
chart.Titles[0].ForeColor = foreColor;
}
/// <summary>
/// Name：設置樣式
/// Author：by boxuming 2019-04-23 14:04
/// </summary>
/// <param name="chart">圖表對象</param>
/// <param name="backColor">背景顏色</param>
/// <param name="foreColor">字體顏色</param>
public static void SetStyle(Chart chart, Color backColor, Color foreColor)
{
chart.BackColor = backColor;
chart.ChartAreas[0].BackColor = backColor;
chart.ForeColor = Color.Red;
}
/// <summary>
/// Name：設置圖例
/// Author：by boxuming 2019-04-23 14:30
/// </summary>
/// <param name="chart">圖表對象</param>
/// <param name="docking">停靠位置</param>
/// <param name="align">對齊方式</param>
/// <param name="backColor">背景顏色</param>
/// <param name="foreColor">字體顏色</param>
public static void SetLegend(Chart chart, Docking docking, StringAlignment align, Color backColor, Color foreColor)
{
chart.Legends[0].Docking = docking;
chart.Legends[0].Alignment = align;
chart.Legends[0].BackColor = backColor;
chart.Legends[0].ForeColor = foreColor;
}
/// <summary>
/// Name：設置XY軸
/// Author：by boxuming 2019-04-23 14:35
/// </summary>
/// <param name="chart">圖表對象</param>
/// <param name="xTitle">X軸標題</param>
/// <param name="yTitle">Y軸標題</param>
/// <param name="align">座標軸標題對齊方式</param>
/// <param name="foreColor">座標軸字體顏色</param>
/// <param name="lineColor">座標軸顏色</param>
/// <param name="arrowStyle">座標軸箭頭樣式</param>
/// <param name="xInterval">X軸的間距</param>
/// <param name="yInterval">Y軸的間距</param>
public static void SetXY(Chart chart, string xTitle, string yTitle, StringAlignment align, Color foreColor, Color lineColor, AxisArrowStyle arrowStyle, double xInterval, double yInterval)
{
chart.ChartAreas[0].AxisX.Title = xTitle;
chart.ChartAreas[0].AxisY.Title = yTitle;
chart.ChartAreas[0].AxisX.TitleAlignment = align;
chart.ChartAreas[0].AxisY.TitleAlignment = align;
chart.ChartAreas[0].AxisX.TitleForeColor = foreColor;
chart.ChartAreas[0].AxisY.TitleForeColor = foreColor;
chart.ChartAreas[0].AxisX.LabelStyle = new LabelStyle() { ForeColor = foreColor };
chart.ChartAreas[0].AxisY.LabelStyle = new LabelStyle() { ForeColor = foreColor };
chart.ChartAreas[0].AxisX.LineColor = lineColor;
chart.ChartAreas[0].AxisY.LineColor = lineColor;
chart.ChartAreas[0].AxisX.ArrowStyle = arrowStyle;
chart.ChartAreas[0].AxisY.ArrowStyle = arrowStyle;
chart.ChartAreas[0].AxisX.Interval = xInterval;
chart.ChartAreas[0].AxisY.Interval = yInterval;
}
/// <summary>
/// Name：設置網格
/// Author：by boxuming 2019-04-23 14:55
/// </summary>
/// <param name="chart">圖表對象</param>
/// <param name="lineColor">網格線顏色</param>
/// <param name="xInterval">X軸網格的間距</param>
/// <param name="yInterval">Y軸網格的間距</param>
public static void SetMajorGrid(Chart chart, Color lineColor, double xInterval, double yInterval)
{
chart.ChartAreas[0].AxisX.MajorGrid.LineColor = lineColor;
chart.ChartAreas[0].AxisY.MajorGrid.LineColor = lineColor;
chart.ChartAreas[0].AxisX.MajorGrid.Interval = xInterval;
chart.ChartAreas[0].AxisY.MajorGrid.Interval = yInterval;
}
}
使用示例(開頭四個圖表）字體
chart1.Series.Clear();
ChartHelper.AddSeries(chart1, "柱狀圖", SeriesChartType.Column, Color.Lime, Color.Red, true);
ChartHelper.AddSeries(chart1, "曲線圖", SeriesChartType.Spline, Color.Red, Color.Red);
ChartHelper.SetTitle(chart1, "柱狀圖與曲線圖", new Font("微軟雅黑", 12), Docking.Bottom, Color.White);
ChartHelper.SetStyle(chart1, Color.Transparent, Color.White);
ChartHelper.SetLegend(chart1, Docking.Top, StringAlignment.Center, Color.Transparent, Color.White);
ChartHelper.SetXY(chart1, "序號", "數值", StringAlignment.Far, Color.White, Color.White, AxisArrowStyle.SharpTriangle, 1, 2);
ChartHelper.SetMajorGrid(chart1, Color.Gray, 20, 2);
chart2.Series.Clear();
ChartHelper.AddSeries(chart2, "餅狀圖", SeriesChartType.Pie, Color.Lime, Color.Red, true);
ChartHelper.SetStyle(chart2, Color.Transparent, Color.White);
ChartHelper.SetLegend(chart2, Docking.Top, StringAlignment.Center, Color.Transparent, Color.White);
chart3.Series.Clear();
ChartHelper.AddSeries(chart3, "曲線圖", SeriesChartType.SplineRange, Color.FromArgb(100,46, 199, 201), Color.Red, true);
ChartHelper.SetTitle(chart3, "曲線圖", new Font("微軟雅黑", 12), Docking.Bottom, Color.FromArgb(46, 199, 201));
ChartHelper.SetStyle(chart3, Color.Transparent, Color.White);
ChartHelper.SetLegend(chart3, Docking.Top, StringAlignment.Center, Color.Transparent, Color.White);
ChartHelper.SetXY(chart3, "序號", "數值", StringAlignment.Far, Color.White, Color.White, AxisArrowStyle.SharpTriangle, 1, 2);
ChartHelper.SetMajorGrid(chart3, Color.Gray, 20, 2);
chart4.Series.Clear();
ChartHelper.AddSeries(chart4, "餅狀圖", SeriesChartType.Funnel, Color.Lime, Color.Red, true);
ChartHelper.SetStyle(chart4, Color.Transparent, Color.White);
ChartHelper.SetLegend(chart4, Docking.Top, StringAlignment.Center, Color.Transparent, Color.White);
RefreshData();
綁定數據部分代碼以下：動畫
public void RefreshData()
{
List<int> x1 = new List<int>() { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 };
List<int> y1 = new List<int>();
Random ra = new Random();
y1 = new List<int>() {
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10),
ra.Next(1, 10)
};
RefreshChart(x1, y1, "chart1");
RefreshChart(x1, y1, "chart2");
RefreshChart(x1, y1, "chart3");
RefreshChart(x1, y1, "chart4");
}
public delegate void RefreshChartDelegate(List<int> x, List<int> y, string type);
public void RefreshChart(List<int> x, List<int> y, string type)
{
if (type == "chart1")
{
if (this.chart1.InvokeRequired)
{
RefreshChartDelegate stcb = new RefreshChartDelegate(RefreshChart);
this.Invoke(stcb, new object[] { x, y, type });
}
else
{
chart1.Series[0].Points.DataBindXY(x, y);
chart1.Series[1].Points.DataBindXY(x, y);
}
}
else if (type == "chart2")
{
if (this.chart2.InvokeRequired)
{
RefreshChartDelegate stcb = new RefreshChartDelegate(RefreshChart);
this.Invoke(stcb, new object[] { x, y, type });
}
else
{
chart2.Series[0].Points.DataBindXY(x, y);
List<Color> colors = new List<Color>() {
Color.Red,
Color.DarkRed,
Color.IndianRed,
Color.MediumVioletRed,
Color.OrangeRed,
Color.PaleVioletRed,
Color.Purple,
Color.DarkOrange,
Color.Maroon,
Color.LightCoral,
Color.LightPink,
Color.Magenta
};
DataPointCollection points = chart2.Series[0].Points;
for (int i = 0; i < points.Count; i++)
{
points[i].Color = colors[i];
}
}
}
else if (type == "chart3")
{
if (this.chart3.InvokeRequired)
{
RefreshChartDelegate stcb = new RefreshChartDelegate(RefreshChart);
this.Invoke(stcb, new object[] { x, y, type });
}
else
{
chart3.Series[0].Points.DataBindXY(x, y);
}
}
else if (type == "chart4")
{
if (this.chart4.InvokeRequired)
{
RefreshChartDelegate stcb = new RefreshChartDelegate(RefreshChart);
this.Invoke(stcb, new object[] { x, y, type });
}
else
{
chart4.Series[0].Points.DataBindXY(x, y);
List<Color> colors = new List<Color>() {
Color.Red,
Color.DarkRed,
Color.IndianRed,
Color.MediumVioletRed,
Color.OrangeRed,
Color.PaleVioletRed,
Color.Purple,
Color.DarkOrange,
Color.Maroon,
Color.LightCoral,
Color.LightPink,
Color.Magenta
};
DataPointCollection points = chart4.Series[0].Points;
for (int i = 0; i < points.Count; i++)
{
points[i].Color = colors[i];
}
}
}
}
爲了讓圖表展示動畫效果，添加了一個定時器，用來實時改變數據，這樣就能夠看到動起來的圖表了。定時器代碼以下：ui
private void Timer1_Tick(object sender, EventArgs e)
{
new Thread(new ThreadStart(RefreshData)).Start();
}
資料
以上只是使用chart控件的幾個簡單示例，而chart控件的功能遠遠不止這些。爲了更方便地瞭解和使用其餘功能，特提供了一些資料，其中包括圖表的屬性說明文檔、各種圖表的樣式和對應的代碼、以及程序示例等，下載地址以下：
連接：https://pan.baidu.com/s/1mCxiwrEBxeCKkSltXMJPpA
提取碼：9pgrthis
原文：https://blog.csdn.net/boxuming/article/details/89678159 spa