使用Microsoft Chart Controls Part 1 - Chart Controls 初體驗 | 張小呆的碎碎唸 - 點部落

2009-09-10

使用Microsoft Chart Controls Part 1 - Chart Controls 初體驗

這陣子在開發專案時，接觸到Microsoft Chart Controls這免費軟體，我只能說真是一個佛心級的軟體。這套軟體除了好用外，更容易上手，唯一比較費力的，就只有在調圖中的顏色了。此處就不多說這套軟體的來龍去脈，有興趣的可以去參考保哥的部落格：介紹好用元件：Microsoft Chart Controls for .NET 3.5，或是demo小舖：Microsoft Chart Controls圖表新利器...

1.首先先建立一個新的專案 <= 很經典的第一句 =.=

2.建立一個LINQ to SQL，並將Northwind的Employees資料表拉進來。

3.在ASPX設計畫面中，拉進Chart Controls。

4.拉進Chart時，預設為長條圖，若要更換樣式，可切到Source中，及可更改。

5.先在切到CS下，開始對Chart塞入資料。

using System.Web.UI.DataVisualization.Charting;

namespace UsingChartControls
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            MyDataContext db = new MyDataContext();

            //對Employees資料表的City做Group By
            var result = from el in db.Employees
                         group el by el.City into g
                         select new
                         {
                             City = g.Key,
                             Count = g.Count()
                         };

            //將資料塞入Chart Controls
            foreach (var item in result)
            {
                Chart1.Series["Series1"].Points.AddXY(item.City, item.Count);
            }

            //顯示長條圖的數據
            Chart1.Series["Series1"].IsValueShownAsLabel = true;
        }
    }
}

6.結果。

這是初體驗，感覺還不錯吧，比以前還方便產生Chart。下一篇，會來聊聊如何在CS中，建立一個完整的Chart並顯示在頁面上。

回首頁