2016年4月20日 星期三

[研究][C#][ASP.NET] Chart 繪圖控制項(Control)-長條圖、圓餅圖

[研究][C#][ASP.NET] Chart 繪圖控制項(Control)-長條圖、圓餅圖

2016-04-20
2020-12-02 更新

這是自己參考用的

不用去加入參考 (舊版才要),只要把 Chart 拖入設計畫面即可。


#VALX 會顯示X軸的標籤
#VALY 會顯示Y軸的值
#PERCENT{P1} 會把Y軸的值用百分比的方式表示


            for (int i = 1; i <= 3; i++)
            {
                // add a series to the chart
                string item = "SeriesLayer" + i.ToString();
                Chart1.Series.Add(item);
                Chart1.Series[item].ChartType = SeriesChartType.StackedColumn;
                //Chart1.Series[item].Label = "#ValY";
                //Chart1.Series[item].LegendText = "#ValY";
                Chart1.Series[item].IsValueShownAsLabel = true; 
                for (int a = 1; a <= 5; a++)
                {
                    // add 5 points to the current series 
                    Chart1.Series[item].Points.AddXY(a, 100.0);
                    //Chart1.Series[item].Label = "#VALY{$#.###}";
                    Chart1.Series[item].Label = "#VALY";
                }
            }

********************************************************************************
如果編譯出現錯誤
錯誤 CS0246 找不到類型或命名空間名稱 'Chart' (是否遺漏了 using 指示詞或組件參考?)

解決:
(下圖)在方案的「參考」按下滑鼠右鍵,選「加入參考」。

(下圖) 
( ASP.NET 網站) ASP.NET WebForm 請勾選 System.Web.DataVisualization
( NET 桌面應用程式) ASP.NET WinForm 請勾選 System.Windows.Forms.DataVisualization

( ASP.NET 網站) ASP.NET WebForm 加上
using System.Web.UI.DataVisualization.Charting;

( NET 桌面應用程式) ASP.NET WinForm
using System.Windows.Forms.DataVisualization.Charting;

Web.Config 要加上 ChartImageHandler

ASP.NET 有絕招: 使用 ASP.NET 和 LINQ 圖表 | Microsoft Docs

[ASP.NET] MS Chart簡易範例 | ShunNien 學習筆記 - 點部落


<appSettings>
<add key="ChartImageHandler" value="storage=session;timeout=20;" />
OR
<add key="ChartImageHandler" value="storage=memory;timeout=20;" />
OR
<add key="ChartImageHandler" value="storage=file;timeout=20;" />
OR
<add key="ChartImageHandler" value="storage=file;timeout=20;dir=C:\TempImageFiles;" />
</appSettings>

(完)

相關

沒有留言:

張貼留言