Asp.net mvc中的Kendo UI饼图颜色答案

【问题标题】：Kendo UI Pie Chart Color in Asp.net mvcAsp.net mvc中的Kendo UI饼图颜色
【发布时间】：2014-06-06 07:30:54
【问题描述】：

请给我以下代码

@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}")
   ))

其中模型数据来自数据库并动态生成。

无论如何，生成的部分的颜色有些相似，我找不到任何关于如何自定义它们的文档。

我不想在模型中包含颜色

亲切的问候

【问题讨论】：

标签： c# asp.net asp.net-mvc-4 kendo-ui kendo-asp.net-mvc

【解决方案1】：

尝试使用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}")
   ))

【讨论】：