2016-03-08 50 views
0

我需要在我的WebPages(C#,Razor)項目中創建一個StackedColumn圖表。環顧這個網站和其他網站,我發現類似的東西已經被要求提供各種替代方案,但不是這個。如何在ASP.NET WebPages C#中創建一個StackedColumn圖表?

讓我們看一個創建基本柱形圖一些常用發表代碼:

var myChart = new Chart(width: 600, height: 400) 
    .AddTitle("Chart Title") 
    .AddSeries(
     name: "Employee", 
     xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" }, 
     yValues: new[] { "2", "6", "4", "5", "3" }) 
    .Write(); 

很顯然,我需要添加:

chartType: "StackedColumn", 

到AddSeries名單,但我怎麼進一步增加y值是否要添加爲第二,第三等圖層的值?

另外,有人可以指示我一個頁面,給我一個主要選項列表&圖表格式的語法,如填充顏色,背景顏色,字體類型/大小等。

回答

0

你可以找到所有的圖表類型在這裏:https://msdn.microsoft.com/en-us/library/dd489233.aspx

我們得到堆疊列我加了兩個系列chartType: "StackedColumn100"這樣的:

var chart = new Chart(width: 600, height: 400) 
    .AddTitle("Sample") 
    .AddSeries(name: "A", 
     xValue: new[] {"H", "W", "D"}, 
     yValues: new[] {"12", "10", "5"}, 
     chartType:"StackedColumn100") 
    .AddSeries(name: "B", 
     xValue: new[] {"T", "B", "C"}, 
     yValues: new[] {"0", "2", "7"}, 
     chartType: "StackedColumn100") 
    .Write(); 

Chart generated from code above

對我來說,所有的值了總計達100%。如果他們在你的情況不這樣做,你可以使用charType: "StackedColumn"

您也可以創建發現幾乎所有在這裏的造型圖表www.asp.net/web-pages/overview/data/7-displaying-data-in-a-chart