asp.net-mvc - Kendo UI ASP.Net 饼图分解部分

Question

我正在寻找带有分解部分的饼图的 C# 或 VB Razor 语法示例。我没有绑定单个字段，我使用的是...

.Series(Sub(series)
      series.Pie(Function(model) model.Id, Function(model) model.PriorityName).Overlay(ChartPieSeriesOverlay.None)
End Sub) _

Answer 1

通过 Telerik 的支持演示和支持，我已经解决了这个问题。希望有一天这对某人有所帮助。我向我的 ViewModel 添加了另一个参数，如果我希望图表的部分爆炸，它只传递一个布尔值。然后我将它作为 Model.Explosion 传递到下面的代码中。

    @(Html.Kendo().Chart(Of Core.UI.PieChartViewModel) _
        .Name("Chart_OpenItemsByPM") _
        .ChartArea(Function(c) c.Background("#fff")) _
        .HtmlAttributes(New With {.Style = "height:280px;width:90%;margin:0px auto;"}) _
        .Legend(Function(legend) legend.Position(ChartLegendPosition.Bottom)) _
        .DataSource(Function(ds) ds.Read(Function(r) r.Action("Chart_OpenItemsByPM", "Dashboard"))) _
        .Series(Sub(series)
                        series.Pie(Function(model) model.Id, Function(model) model.Priority

Name, Nothing, Function(model) model.Explosion).Overlay(ChartPieSeriesOverlay.None)
                    End Sub) _
            .SeriesColors("#c72e15", "#c78215", "#c7c115", "#156dc7") _
            .Tooltip(Function(tooltip) tooltip.Visible(True).Format("{0} Tickets"))
        )