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.