如何使用 Razor 在剑道图表中应用平面颜色答案

【问题标题】：How to apply flat color in Kendo Charts using Razor如何使用 Razor 在剑道图表中应用平面颜色
【发布时间】：2016-09-08 06:26:43
【问题描述】：

我在剑道图表中应用纯色时遇到问题。我知道在使用 javascript 时如何应用它

<script>
$("#PieChartFund").kendoChart({
    series: [{
        type: "pie",
        overlay: {
            gradient: "sharpBevel"
        }
    }]
});
</script>

但我正在使用Razor，我想使用那个扁平的。

@(Html.Kendo().Chart(Model)
    .Name("PieChartFund")
    .Title(title => title
          .Text("Fund")
          .Position(ChartTitlePosition.Top))
    .Legend(legend => legend
        .Visible(true)
        .Position(ChartLegendPosition.Bottom)
    )
    .Series(series =>
    {
        series.Pie(m => m.SourceOfFundsAmount, m => m.LegendSourceOfFunds).Labels(labels => labels
            .Template("#= category #: \n #=kendo.toString(value, 'c2')# ")
            .Background("transparent")
            .Visible(true)

            .Align(ChartPieLabelsAlign.Circle)
        ).Tooltip(tooltip => tooltip.Template("<div> #=kendo.toString(category)# : #=kendo.toString(value, 'c2')#  </div>").Visible(true)).StartAngle(100);
    })
    .DataSource(source => source.Read(read => read.Action("SourceOfFunds", "DashBoard")))
)

我现在使用的当前样式（LEFT）我要应用的新样式（RIGHT）

【问题讨论】：

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

【解决方案1】：

在 .Visible(true) 和 .Align(ChartPieLabelsAlign.Circle) 之间放入：

.Overlay(ChartPieSeriesOverlay.None)

希望对你有帮助，

乔恩

【讨论】：