API Reference / Kendo.Mvc.UI.Fluent

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

Kendo.Mvc.UI.Fluent.ChartBuilder

Defines the fluent interface for configuring the 1 component.

Methods

Events(System.Action<Kendo.Mvc.UI.Fluent.ChartEventBuilder>)

Configures the client-side events.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartEventBuilder>

The client events configuration action.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Events(events => events
        .DataBound("onDataBound")
    )
)

RenderAs(Kendo.Mvc.UI.RenderingMode)

Sets the preferred rendering engine. If it is not supported by the browser, the Chart will switch to the first available mode.

Parameters

renderAs Kendo.Mvc.UI.RenderingMode

The preferred rendering engine.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("chart")
    .RenderAs(RenderingMode.Canvas)
)

Theme(System.String)

Sets the theme of the chart.

Parameters

theme System.String

The Chart theme.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Theme("material")
)

ChartArea(System.Action<Kendo.Mvc.UI.Fluent.ChartAreaBuilder>)

Sets the Chart area.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartAreaBuilder>

The Chart area.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .ChartArea(chartArea => chartArea.Margin(20))
)

PlotArea(System.Action<Kendo.Mvc.UI.Fluent.PlotAreaBuilder>)

Sets the Plot area.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.PlotAreaBuilder>

The Plot area.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .PlotArea(plotArea => plotArea.Мargin(20))
)

Title(System.String)

Sets the title of the chart.

Parameters

title System.String

The Chart title.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Title("Yearly sales")
)

Title(System.Action<Kendo.Mvc.UI.Fluent.ChartTitleBuilder>)

Defines the title of the chart.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartTitleBuilder>

The configuration action.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Title(title => title.Text("Yearly sales"))
)

Legend(System.Boolean)

Sets the legend visibility.

Parameters

visible System.Boolean

A value indicating whether to show the legend.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Legend(false)
)

Legend(System.Action<Kendo.Mvc.UI.Fluent.ChartLegendBuilder>)

Configures the legend.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartLegendBuilder>

The configuration action.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Legend(legend => legend.Visible(true).Position(ChartLegendPosition.Bottom))
)

Series(System.Action<Kendo.Mvc.UI.Fluent.ChartSeriesFactory<T>>)

Defines the chart series.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartSeriesFactory>

The add action.

Example (ASPX)

@(Html.Kendo().Chart(Model)
    .Name("Chart")
    .Series(series =>
    {
        series.Bar(s => s.SalesAmount);
    })
)

SeriesDefaults(System.Action<Kendo.Mvc.UI.Fluent.ChartSeriesDefaultsBuilder<T>>)

Defines the options for all chart series of the specified type.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartSeriesDefaultsBuilder>

The configurator.

Example (ASPX)

@(Html.Kendo().Chart(Model)
    .Name("Chart")
    .SeriesDefaults(series => series.Bar().Stack(true))
)

Panes(System.Action<Kendo.Mvc.UI.Fluent.ChartPanesFactory>)

Defines the chart panes.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartPanesFactory>

The add action.

Example (ASPX)

@(Html.Kendo().Chart(Model)
    .Name("Chart")
    .Panes(panes =>
    {
        panes.Add("volume");
    })
)

Pdf(System.Action<Kendo.Mvc.UI.Fluent.PDFSettingsBuilder>)

Configures the PDF export settings.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("chart")
    .Pdf(pdf => pdf.PaperSize("A4").Scale(0.8))
)

AxisDefaults(System.Action<Kendo.Mvc.UI.Fluent.ChartAxisDefaultsBuilder<T>>)

Defines the options for all chart axes of the specified type.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartAxisDefaultsBuilder>

The configurator.

Example (ASPX)

@(Html.Kendo().Chart(Model)
    .Name("Chart")
    .AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5))
)

CategoryAxis(System.Action<Kendo.Mvc.UI.Fluent.ChartCategoryAxisBuilder<T>>)

Configures the category axis

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartCategoryAxisBuilder>

The configurator

Example (ASPX)

@(Html.Kendo().Chart(Model)
    .Name("Chart")
    .CategoryAxis(axis => axis
        .Categories(s => s.DateString)
    )
)

ValueAxis(System.Action<Kendo.Mvc.UI.Fluent.ChartValueAxisFactory<T>>)

Defines value axis options

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartValueAxisFactory>

The configurator

Example (ASPX)

@(Html.Kendo().Chart(Model)
    .Name("Chart")
    .ValueAxis(a => a.Numeric().TickSize(4))
)

XAxis(System.Action<Kendo.Mvc.UI.Fluent.ChartValueAxisFactory<T>>)

Defines X-axis options for scatter charts

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartValueAxisFactory>

The configurator

Example (ASPX)

@(Html.Kendo().Chart(Model)
    .Name("Chart")
    .XAxis(a => a.Numeric().Max(4))
)

YAxis(System.Action<Kendo.Mvc.UI.Fluent.ChartValueAxisFactory<T>>)

Configures Y-axis options for scatter charts.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartValueAxisFactory>

The configurator

Example (ASPX)

@(Html.Kendo().Chart(Model)
    .Name("Chart")
    .YAxis(a => a.Numeric().Max(4))
)

DataSource(System.Action<Kendo.Mvc.UI.Fluent.ReadOnlyAjaxDataSourceBuilder<T>>)

Data Source configuration

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ReadOnlyAjaxDataSourceBuilder>

Use the configurator to set different data binding options.

Example (ASPX)

@(Html.Kendo().Chart(Model)
    .Name("Chart")
    .DataSource(ds =>
    {
        ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
    })
)

DataSource(System.String)

Specifies the id of an external DataSource to be used by the Chart.

Parameters

dataSourceId System.String

The id (Name) of the DataSource widget.

Example (ASPX)

@(Html.Kendo().DataSource<ProductViewModel>()
    .Name("dataSourceProducts")
)
@(Html.Kendo().Chart()
    .Name("chart")
    .DataSource("dataSourceProducts")
)

AutoBind(System.Boolean)

Enables or disables automatic binding.

Parameters

autoBind System.Boolean

Gets or sets a value indicating if the chart should be data bound during initialization. The default value is true.

Example (ASPX)

@(Html.Kendo().Chart<SalesInfo>()
    .Name("Chart")
    .DataSource(ds =>
    {
        ds.Ajax().Read(r => r.Action("SalesData", "Chart"));
    })
    .AutoBind(false)
)

SeriesColors(System.Collections.Generic.IEnumerable<System.String>)

Sets the series colors.

Parameters

colors System.Collections.Generic.IEnumerable<System.String>

A list of the series colors.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .SeriesColors(new string[] { "#f00", "#0f0", "#00f" })
)

SeriesColors(System.String[])

Sets the series colors.

Parameters

colors System.String[]

The series colors.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .SeriesColors("#f00", "#0f0", "#00f")
)

Tooltip(System.Action<Kendo.Mvc.UI.Fluent.ChartTooltipBuilder>)

Use it to configure the data point tooltip.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartTooltipBuilder>

Use the configurator to set data tooltip options.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Tooltip(tooltip =>
    {
        tooltip.Visible(true).Format("{0:C}");
    })
)

Tooltip(System.Boolean)

Sets the data point tooltip visibility.

Parameters

visible System.Boolean

A value indicating if the data point tooltip should be displayed. The tooltip is not visible by default.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Tooltip(true)
)

Transitions(System.Boolean)

Enables or disabled animated transitions on initial load and refresh.

Parameters

transitions System.Boolean

A value indicating if transition animations should be played.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Transitions(false)
)

Pannable(System.Boolean)

Enables or disabled panning.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Pannable(true)
)

Pannable(System.Action<Kendo.Mvc.UI.Fluent.ChartPannableBuilder>)

Configure the chart pannable options.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Pannable(pan => pan.Lock(ChartAxisLock.Y))
)

Zoomable(System.Boolean)

Enables or disabled zooming.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Zoomable(true)
)

Zoomable(System.Action<Kendo.Mvc.UI.Fluent.ChartZoomableBuilder>)

Configure the chart zoomable options.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .Zoomable(zoom => zoom.Mousewheel(mouse => mouse.Lock(ChartAxisLock.Y)))
)

PersistSeriesVisibility(System.Boolean)

Specifies if the series visible option should be persisted when changing the dataSource data.

Parameters

value System.Boolean

A value indicating if the visible option should be persisted.

Example (ASPX)

@(Html.Kendo().Chart()
    .Name("Chart")
    .PersistSeriesVisibility(true)
)

PaneDefaults(System.Action<Kendo.Mvc.UI.Fluent.ChartPaneDefaultsBuilder>)

The default options for all panes.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.ChartPaneDefaultsBuilder>

The configurator for the panedefaults setting.

In this article
Related articles
Not finding the help you need?