MS Chart Control 學習手記(二) - 圓餅圖

using System.Web.UI.DataVisualization.Charting;
02 using System.Drawing;
03
04 namespace Chart.AJAX
05 {
06     public partial class Export_AJAX : System.Web.UI.Page
07     {
08         void CreateChart()
09         {
10             string[] xValues = { "0-20", "20-30", "30-40", "40-50", "50-60", "> 60", "unknow" };
11             int[] yValues = {5, 18, 45, 17, 2, 1, 162 };
12
13             //ChartAreas,Series,Legends 基本設定-------------------------------------------------
14             Chart Chart1 = new Chart();
15             Chart1.ChartAreas.Add("ChartArea1"); //圖表區域集合
16             Chart1.Legends.Add("Legends1"); //圖例集合說明
17             Chart1.Series.Add("Series1"); //數據序列集合
18
19             //設定 Chart-------------------------------------------------------------------------
20             Chart1.Width = 770;
21             Chart1.Height = 400;
22             Title title = new Title();
23             title.Text = titleStr;
24             title.Alignment = ContentAlignment.MiddleCenter;
25             title.Font = new System.Drawing.Font("Trebuchet MS", 14F, FontStyle.Bold);
26             Chart1.Titles.Add(title);
27
28             //設定 ChartArea1--------------------------------------------------------------------
29             Chart1.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = is3D;
30             Chart1.ChartAreas[0].AxisX.Interval = 1;
31
32             //設定 Legends-------------------------------------------------------------------------
33             //Chart1.Legends["Legends1"].DockedToChartArea = "ChartArea1"; //顯示在圖表內
34             //Chart1.Legends["Legends1"].Docking = Docking.Bottom; //自訂顯示位置
35             //背景色
36             Chart1.Legends["Legends1"].BackColor = Color.FromArgb(235, 235, 235);
37             //斜線背景
38             Chart1.Legends["Legends1"].BackHatchStyle = ChartHatchStyle.DarkDownwardDiagonal;
39             Chart1.Legends["Legends1"].BorderWidth = 1;
40             Chart1.Legends["Legends1"].BorderColor = Color.FromArgb(200, 200, 200);
41
42             //設定 Series1-----------------------------------------------------------------------
43             Chart1.Series["Series1"].ChartType = SeriesChartType.Pie;
44             //Chart1.Series["Series1"].ChartType = SeriesChartType.Doughnut;
45             Chart1.Series["Series1"].Points.DataBindXY(xValues, yValues);
46             Chart1.Series["Series1"].LegendText = "#VALX:    [ #PERCENT{P1} ]"; //X軸 + 百分比
47             Chart1.Series["Series1"].Label = "#VALX\n#PERCENT{P1}"; //X軸 + 百分比
48             //Chart1.Series["Series1"].LabelForeColor = Color.FromArgb(0, 90, 255); //字體顏色
49             //字體設定
50             Chart1.Series["Series1"].Font = new System.Drawing.Font("Trebuchet MS", 10, System.Drawing.FontStyle.Bold);
51             Chart1.Series["Series1"].Points.FindMaxByValue().LabelForeColor = Color.Red;
52             //Chart1.Series["Series1"].Points.FindMaxByValue().Color = Color.Red;
53             //Chart1.Series["Series1"].Points.FindMaxByValue()["Exploded"] = "true";
54             Chart1.Series["Series1"].BorderColor = Color.FromArgb(255, 101, 101, 101);
55
56             //Chart1.Series["Series1"]["DoughnutRadius"] = "80"; // ChartType為Doughnut時，Set Doughnut hole size
57             //Chart1.Series["Series1"]["PieLabelStyle"] = "Inside"; //數值顯示在圓餅內
58             Chart1.Series["Series1"]["PieLabelStyle"] = "Outside"; //數值顯示在圓餅外
59             //Chart1.Series["Series1"]["PieLabelStyle"] = "Disabled"; //不顯示數值
60             //設定圓餅效果，除 Default 外其他效果3D不適用
61             Chart1.Series["Series1"]["PieDrawingStyle"] = "Default";
62             //Chart1.Series["Series1"]["PieDrawingStyle"] = "SoftEdge";
63             //Chart1.Series["Series1"]["PieDrawingStyle"] = "Concave";
64
65             //Random rnd = new Random();  //亂數產生區塊顏色
66             //foreach (DataPoint point in Chart1.Series["Series1"].Points)
67             //{
68             //    //pie 顏色
69             //    point.Color = Color.FromArgb(150, rnd.Next(0, 255), rnd.Next(0, 255), rnd.Next(0, 255));
70             //}
71             Page.Controls.Add(Chart1);
72         }
73     }
74 }

 

畫出來的圓餅圖就像這樣