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

ChartPaneBuilder

Properties

Pane - ChartPane

The background color of all chart panes. Accepts a valid CSS color string, including hex and rgb.

Methods

Title(System.String)

Sets the title of the pane.

Parameters

title - System.String

The pane title.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Title("Pane 1");
                    })
            )

Title(System.Action)

Defines the title of the pane.

Parameters

configurator - System.Action<ChartTitleBuilder>

The configuration action.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Title(title => title.Color("#336699"));
                    })
            )

Height(System.Int32)

Sets the height of the pane.

Parameters

height - System.Int32

The pane height.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Height(400);
                    })
            )

Background(System.String)

Sets the pane background color

Parameters

background - System.String

The background color.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Background("#000011");
                    })
            )

Margin(System.Int32,System.Int32,System.Int32,System.Int32)

Sets the pane margin

Parameters

top - System.Int32

The pane top margin.

right - System.Int32

The pane right margin.

bottom - System.Int32

The pane bottom margin.

left - System.Int32

The pane left margin.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Margin(10, 15, 15, 10);
                    })
            )

Margin(System.Int32)

Sets the pane margin

Parameters

margin - System.Int32

The pane margin.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Margin(10);
                    })
            )

Padding(System.Int32,System.Int32,System.Int32,System.Int32)

Sets the pane padding

Parameters

top - System.Int32

The pane top padding.

right - System.Int32

The pane right padding.

bottom - System.Int32

The pane bottom padding.

left - System.Int32

The pane left padding.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Padding(10, 15, 15, 10);
                    })
            )

Padding(System.Int32)

Sets the pane padding

Parameters

padding - System.Int32

The pane padding.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Padding(10);
                    })
            )

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

Sets the pane border

Parameters

width - System.Int32

The pane border width.

color - System.String

The pane border color.

dashType - ChartDashType

The pane dash type.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Border(1, "pink", ChartDashType.Dot);
                    })
            )

Border(System.Action)

Configures the pane border

Parameters

configurator - System.Action<ChartBorderBuilder>

The border configuration action

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Border(border => border.Width(2));
                    })
            )

Clip(System.Boolean)

Sets the pane clip option

Parameters

clip - System.Boolean

The pane clip option value.

Example


            @(Html.Kendo().Chart()
                    .Name("chart")
                    .Panes(panes => {
                        panes.Add().Clip(false);
                    })
            )

In this article
Not finding the help you need?