2014-06-06 72 views
1

請予有以下代碼劍道UI餅圖顏色在Asp.net MVC

@model System.Collections.Generic.IEnumerable<CellMinistry.CampusMinistry.Models.Domain.Charting_Models.MemberDistributionModel> 
@{ 
    var memberCount = ViewBag.MemberCount is int ? (int) ViewBag.MemberCount : 0; 
} 

@(Html.Kendo().Chart(Model) 
    .Name("chart") 
    .Legend(legend => legend 
     .Position(ChartLegendPosition.Bottom) 
    ) 
    .Series(series => series.Pie(
     model => model.Value, 
     model => model.Name, 
     null, 
     null // Color expression is omitted 
    ).Labels(c => c.Visible(true).Template("#= kendo.format('{0:P}', percentage)#"))).Title(String.Format("Total Members: {0}", memberCount)) 

    .Tooltip(tooltip => tooltip.Visible(true).Format("{0:N0}") 
    )) 

其中模型數據從數據庫和動態生成的。

總而言之,生成的部分的顏色有點相似,我不能找到任何關於如何定製它們的文檔。

我不想在模型中包含

類的顏色方面

回答

3

嘗試使用的seriesColors屬性。

@model System.Collections.Generic.IEnumerable<CellMinistry.CampusMinistry.Models.Domain.Charting_Models.MemberDistributionModel> 
@{ 
    var memberCount = ViewBag.MemberCount is int ? (int) ViewBag.MemberCount : 0; 
} 

@(Html.Kendo().Chart(Model) 
    .Name("chart") 
    .Legend(legend => legend 
     .Position(ChartLegendPosition.Bottom) 
    ) 
    .Series(series => series.Pie(
     model => model.Value, 
     model => model.Name, 
     null, 
     null // Color expression is omitted 
    ).Labels(c => c.Visible(true).Template("#= kendo.format('{0:P}', percentage)#"))).Title(String.Format("Total Members: {0}", memberCount)) 
    .SeriesColors("red", "blue", "yellow", "#006634", "#c72e15") 
    .Tooltip(tooltip => tooltip.Visible(true).Format("{0:N0}") 
    ))