New to Telerik UI for ASP.NET MVC? Download free 30-day trial

ChartDonutSeriesBuilder

Properties

Series - IChartDonutSeries

Gets or sets the margin of the donut series.

Series - IChartDonutSeries

Gets or sets the margin of the donut series.

Methods

Margin(System.Int32)

Sets the margin of the donut series.

Parameters

margin - System.Int32

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Donut(s => s.Sales, s => s.DateString).Margin(10))
            )

HoleSize(System.Int32)

Sets the the size of the donut hole.

Parameters

holeSize - System.Int32

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Donut(s => s.Sales, s => s.DateString).HoleSize(40))
            )

Size(System.Int32)

Sets the size of the donut series.

Parameters

size - System.Int32

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Donut(s => s.Sales, s => s.DateString).Size(20))
            )

AutoFit(System.Boolean)

If set to true, the Chart automatically scales down to fit the content area. Applicable for the Pie and Donut series (see example).

Parameters

value - System.Boolean

The value for AutoFit

AutoFit()

If set to true, the Chart automatically scales down to fit the content area. Applicable for the Pie and Donut series (see example).

Name(System.String)

Sets the name of the series.

Parameters

text - System.String

Example


            @(Html.Kendo().Chart(Model)
                       .Name("Chart")
                       .Series(series => series.Pie(s => s.Sales, s => s.DateString).Name("Sales"))
            )

Opacity(System.Double)

Sets the series opacity.

Parameters

opacity - System.Double

The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1.

Example


            @(Html.Kendo().Chart(Model)
                       .Name("Chart")
                       .Series(series => series.Pie(s => s.Sales, s => s.DateString).Opacity(0.5))
            )

Padding(System.Int32)

Sets the padding of the chart.

Parameters

padding - System.Int32

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Pie(s => s.Sales, s => s.DateString).Padding(100))
            )

StartAngle(System.Int32)

Sets the start angle of the first pie segment.

Parameters

startAngle - System.Int32

The pie start angle(in degrees).

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString).StartAngle(100))
            )

Labels(System.Action)

Configures the pie chart labels.

Parameters

configurator - System.Action<ChartPieLabelsBuilder>

The configuration action.

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series
                           .Pie(s => s.Sales, s => s.DateString)
                           .Labels(labels => labels
                               .Color("red")
                               .Visible(true)
                           )
                       )
            )

Labels(System.Boolean)

Sets the visibility of pie chart labels.

Parameters

visible - System.Boolean

The visibility. The default value is false.

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series
                           .Pie(s => s.Sales, s => s.DateString)
                           .Labels(true)
                       )
            )

Border(System.Int32,System.String,Kendo.Mvc.UI.ChartDashType)

Sets the pie segments border

Parameters

width - System.Int32

The pie segments border width.

color - System.String

The pie segments border color (CSS syntax).

dashType - ChartDashType

The pie segments border dash type.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString).Border(1, "#000", ChartDashType.Dot))
            )

Border(System.Action)

Configures the pie border

Parameters

configurator - System.Action<ChartBorderBuilder>

The border configuration action

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Border(border => border.Width(2))
                      )
            )

Overlay(Kendo.Mvc.UI.ChartPieSeriesOverlay)

Sets the pie segments effects overlay

Parameters

overlay - ChartPieSeriesOverlay

The pie segment effects overlay. The default value is set in the theme.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString).Overlay(ChartPieSeriesOverlay.None))
            )

Connectors(System.Action)

Configures the pie chart connectors.

Parameters

configurator - System.Action<ChartPieConnectorsBuilder>

The configuration action.

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series
                           .Pie(s => s.Sales, s => s.DateString)
                           .Connectors(c => c
                               .Color("red")
                           )
                        )
            )

Highlight(System.Action)

Configures the pie highlight

Parameters

configurator - System.Action<ChartPieSeriesHighlightBuilder>

The configuration action.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Highlight(highlight => highlight.Opacity(0.8))
                      )
            )

Field(System.String)

Sets the value field for the series

Parameters

field - System.String

The value field for the series

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Pie(Model.Records).Field("Value"))
            )

CategoryField(System.String)

Sets the category field for the series

Parameters

categoryField - System.String

The category field for the series

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Pie(Model.Records).Field("Value").CategoryField("Category"))
            )

ColorField(System.String)

Sets the color field for the series

Parameters

colorField - System.String

The color field for the series

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Pie(Model.Records).Field("Value").ColorField("Color"))
            )

NoteTextField(System.String)

Sets the note text field for the series

Parameters

noteTextField - System.String

The note text field for the series

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Pie(Model.Records).Field("Value").NoteTextField("NoteText"))
            )

ExplodeField(System.String)

Sets the explode field for the series

Parameters

explodeField - System.String

The explode field for the series

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Pie(Model.Records).Field("Value").ExplodeField("Explode"))
            )

VisibleInLegendField(System.String)

Sets the visibleInLegend field for the series

Parameters

visibleInLegendField - System.String

The visibleInLegend field for the series

Example


            @(Html.Kendo().Chart()
                       .Name("Chart")
                       .Series(series => series.Pie(Model.Records).Field("Value").VisibleInLegendField("VisibleInLegend"))
            )

Tooltip(System.Action)

Configure the series tooltip.

Parameters

configurator - System.Action<ChartTooltipBuilder>

Use the configurator to set the tooltip options.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Tooltip(tooltip => tooltip.Visible(true))
                      )
            )

Tooltip(System.Boolean)

Sets the tooltip visibility.

Parameters

visible - System.Boolean

A value indicating if the tooltip should be displayed.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Tooltip(true)
                      )
            )

Visual(System.String)

Sets the series visual handler

Parameters

handler - System.String

The JavaScript handler name.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Visual("seriesVisual")
                      )
            )

Visual(System.Func)

Sets the series visual handler

Parameters

handler - System.Func<Object,Object>

The handler

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Visual(
                                @<text>
                                    function(e) {
                                        return e.createVisual(); // returns the default visual
                                    }
                                </text>
                            )
                      )
            )

LegendItem(System.Action)

The chart series legend configuration options.

Parameters

configurator - System.Action<ChartSeriesLegendItemSettingsBuilder>

The configurator for the legend setting.

DrilldownField(System.String)

The data field which contains the value to use to drill down into detailed data for the point.

Parameters

value - System.String

The value for DrilldownField

DrilldownSeriesFactory(System.String)

A function that creates the drilldown series for a given point.The function should accept a single parameter, the point drilldownField value. The function should return a series configuration object or a Promise that resolves to one.

Parameters

handler - System.String

The name of the JavaScript function that will be evaluated.

DrilldownSeriesFactory(System.Func)

A function that creates the drilldown series for a given point.The function should accept a single parameter, the point drilldownField value. The function should return a series configuration object or a Promise that resolves to one.

Parameters

handler - System.Func<Object,Object>

The handler code wrapped in a text tag.

In this article
Not finding the help you need?