ASP.NET 圖形開發：帶超連結的餅圖實作與圖片服務頁面架構 (第 8 講第 10 部分)

圖片輸出流程

使用 Bitmap.Save 輸出二進位影像資料。不可直接寫入 Response.OutputStream (會報錯)，需先寫入 MemoryStream 再複製至輸出流：

using (Bitmap bmp = pie.CreateBitmap())
{
    Response.ContentType = "image/png";
    using (MemoryStream ms = new MemoryStream())
    {
        bmp.Save(ms, ImageFormat.Png);
        ms.WriteTo(Response.OutputStream);
    }
}

二級主頁面 (pie_orders.aspx)

• 主頁面餅圖熱點連結：pie_orders.aspx?customerid=客戶編號。
• 頁面結構與主頁類似：連接資料庫 → 查詢該客戶訂單 → 建立餅圖 → 存入 Session → 輸出 HTML。
• Page_Load 關鍵碼：取得 customerid、OleDb 查詢訂單明細 (日期、運送人、地址、金額)、建立 PieShape、設定寬高、逐筆 Add、RefreshState、存 Session、產生 HTML。程式碼因截斷未完整，邏輯同主頁面。

架構總結

1. 主頁面產生餅圖物件 → 存 Session → 產生含 Image Map 的 HTML。
2. 瀏覽器解析 HTML，對 pieimage.aspx?name=xxx 發請求。
3. 圖片服務頁面從 Session 取回餅圖物件 → CreateBitmap → 輸出 PNG 流。
4. 二級頁面同理，形成主從鑽取報表。