ASP.NET MVC 3 新HTML Helper筆記(4) -- Chart Class

有了WebImage類別的基礎後，在來看Chart類別比較輕鬆一些。

Chart類別是圖表類別，之前有介紹過「ASP.NET+jqPlot實作線上即時統計圖表(Chart)」是一樣的意思，最重要的是傳入「數值」然後產生圖表圖片，然後輸出。

在 HomeController.vb 新增一個Sub的Action

Sub GetChart()
    ' 建立一個 600 * 400，藍色樣式的圖表
    Dim demo = New Chart(600, 400, ChartTheme.Blue)
    ' 加入圖表資料
    demo.AddSeries("Demo Chart",
                   chartType:="bar",
                   legend:="Demo Chart",
                   xValue:=New String() {"一月", "二月", "三月", "四月", "五月"},
                   yValues:=New String() {"10", "20", "30", "40", "50"})
    ' 輸出為一個 image
    demo.Write()
End Sub

ChartTheme圖表樣式有：

• Blue
• Green
• Vanilla
• Vanilla3D
• Yellow

Chart Type可到MSDN的「Chart Types (Chart Controls)」查詢，基本需求，Chart類別的圖表類型，應該都能滿足你了。

資料來源當然不可能用手Key-in，我們可以從「Displaying Data in a Chart」學到這項技術。