2016-09-08 5 views
0

У меня возникла проблема с нанесением плоского цвета в диаграммах Кендо. Я знаю, как применить его при использовании 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"))) 
) 

DefaultFlatColor

Текущий стиль я использую сейчас (ЛЕВЫЙ) Новый стиль, который я хочу, чтобы применить (RIGHT)

ответ

1

между вашим .Visible (правда,) и .Align (ChartPieLabelsAlign.Circle) поместите это в:

. Оверлей (ChartPieSeriesOverlay.None)

Я надеюсь, что это помогает,

Jon