C# Chart控制項詳解

一、創建和配置Chart控制項

Chart控制項是.NET Framework提供的一個圖表控制項，用於在Windows應用程序中創建並解析各種圖表類型。創建Chart控制項的最基本方法是在Windows窗體上拖拽放置控制項，然後通過在代碼中通過調用方法進行配置。例如：

private void InitializeChart()
{
    chart1.Series.Clear();
    chart1.ChartAreas.Clear();

    ChartArea chartArea = new ChartArea();
    chartArea.AxisX.Title = "X-axis";
    chartArea.AxisY.Title = "Y-axis";
    chart1.ChartAreas.Add(chartArea);

    Series series = new Series();
    series.Name = "Sample Series";
    series.ChartType = SeriesChartType.Line;

    series.Points.AddXY(0, 10);
    series.Points.AddXY(1, 20);
    series.Points.AddXY(2, 30);

    chart1.Series.Add(series);
}

這個函數清空了所有現有的序列和圖表區，然後添加了一個名為”Sample Series”，類型為線性的新序列，包含三個數據點。

二、常規圖表類型的創建和自定義

Chart控制項支持許多類型的圖表，包括線圖、餅圖、柱狀圖等。你可以通過將SeriesChartType屬性設置為枚舉中的任何圖表類型來創建特定類型的圖表。

Series series = new Series();
series.Name = "Sample Series";
series.ChartType = SeriesChartType.Pie;

series.Points.AddXY("A", 10);
series.Points.AddXY("B", 20);
series.Points.AddXY("C", 30);

chart1.Series.Add(series);

這個例子創建了一個簡單的餅圖，包含三個片段，每個片段都有其標籤和比例值。

你還可以使用自己的圖像自定義Series對象，例如更改序列的顏色和大小：

series.Color = Color.Red;
series.BorderWidth = 2;

你還可以更改軸線的顏色，背景色等等。例如：

chartArea.BackColor = Color.LightBlue;
chartArea.AxisX.MajorGrid.Enabled = false;
chartArea.AxisY.MajorGrid.Enabled = false;

這將更改圖表區域的背景顏色，並在X和Y軸上禁用主要網格線。

三、通過數據綁定創建圖表

在Windows窗體應用程序中，你可以使用數據綁定機制輕鬆地將控制項與數據源相關聯。綁定Chart控制項的方法類似於列表框、數據表等其他Windows窗體控制項。

首先，需要創建一個數據源，例如一個DataTable對象。然後，通過設置Series對象的XValueMember和YValueMembers屬性，將序列綁定到數據源的列。例如：

DataTable data = new DataTable();
data.Columns.Add("XData", typeof(double));
data.Columns.Add("YData", typeof(double));

data.Rows.Add(0, 10);
data.Rows.Add(1, 20);
data.Rows.Add(2, 30);

Series series = new Series();
series.Name = "Sample Series";
series.ChartType = SeriesChartType.Column;
series.XValueMember = "XData";
series.YValueMembers = "YData";
series.DataSource = data;

chart1.Series.Add(series);

這個例子創建了一個DataTable對象，包含兩個列，然後添加了三個數據行。然後通過將XValueMember和YValueMembers屬性分別設置為”XData”和”YData”來綁定序列。最後將系列對象的數據源設置為DataTable對象。

四、使用模板創建複雜的圖表

如果你需要創建更複雜的圖表，例如包含多個軸、多個系列或自定義圖像的圖表，可以使用多個Chart控制項對象和控制項模板。這使我們能夠輕鬆地在多個圖表之間共享樣式和模板。

首先需要創建一個模板文件，定義Series和ChartArea的樣式。可以將模板保存為XML文件，然後在代碼中載入。例如：

<Chart>
    <ChartAreas>
        <ChartArea Name="DefaultArea">
            <AxisX Title="X-axis" />
            <AxisY Title="Y-axis" />
        </ChartArea>
    </ChartAreas>
    <Series>
        <Series Name="Sample Series" 
            ChartType="Line">
            <Points />
        </Series>
    </Series>
</Chart>

在代碼中載入模板文件：

private void InitializeChart()
{
    chart1.Series.Clear();
    chart1.ChartAreas.Clear();

    // Load template
    XmlDocument template = new XmlDocument();
    template.Load("template.xml");

    // Create chart areas from template
    foreach (XmlNode areaNode in 
        template.DocumentElement.SelectSingleNode("ChartAreas")?.ChildNodes)
    {
        ChartArea area = new ChartArea();
        area.Name = areaNode.Attributes["Name"].Value;
        foreach (XmlNode axisNode in areaNode.ChildNodes)
        {
            Axis axis = new Axis();
            axis.Title = axisNode.Attributes["Title"].Value;
            area.AxisX = axis;
        }
        chart1.ChartAreas.Add(area);
    }

    // Create series from template
    foreach (XmlNode seriesNode in 
        template.DocumentElement.SelectSingleNode("Series")?.ChildNodes)
    {
        Series series = new Series();
        series.Name = seriesNode.Attributes["Name"].Value;
        series.ChartType = (SeriesChartType)Enum.Parse(
            typeof(SeriesChartType), seriesNode.Attributes["ChartType"].Value);
        chart1.Series.Add(series);
    }
}

這將載入模板文件，從模板中創建ChartArea和Series，並將它們添加到Chart控制項中。你還可以使用代碼更改生成的Series和ChartArea的樣式。

五、與ASP.NET Web應用程序集成

如果你需要使用Chart控制項在ASP.NET Web應用程序中繪製圖表，可以將控制項添加到Web窗體，就像在Windows窗體中使用控制項一樣。

首先，需要在Web窗體上拖放Chart控制項。然後，在ASP.NET代碼文件中添加對System.Web.UI.DataVisualization.Charting命名空間的引用。例如：

<%@ Page Language="C#" AutoEventWireup="true" 
    CodeBehind="ChartPage.aspx.cs" Inherits="MyApplication.ChartPage" %>
    
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Chart Page</title>
</head>
<body>
    <form runat="server">
        <asp:Chart ID="Chart1" runat="server"></asp:Chart>
    </form>
</body>
</html>

在代碼中，定義一個數據源並將其綁定到Chart控制項的一個序列。例如：

private void LoadChartData()
{
    DataTable data = new DataTable();
    data.Columns.Add("XData", typeof(double));
    data.Columns.Add("YData", typeof(double));

    data.Rows.Add(0, 10);
    data.Rows.Add(1, 20);
    data.Rows.Add(2, 30);

    Series series = new Series();
    series.Name = "Sample Series";
    series.ChartType = SeriesChartType.Column;
    series.XValueMember = "XData";
    series.YValueMembers = "YData";
    series.DataSource = data;

    Chart1.Series.Add(series);
}

注意控制項ID由ASP.NET自動生成前綴，例如「ctl00_MainContent_Chart1」。

結束語

本文詳細介紹了C# Chart控制項的創建和配置、常見圖表類型的創建和自定義、通過數據綁定創建圖表、使用模板創建複雜的圖表以及在ASP.NET中集成Chart控制項。