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

ChartAreaSeriesBuilderBase<TSeries, TSeriesBuilder>

Class

Defines the fluent interface for configuring area series.

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Type Parameters:

TSeries

TSeriesBuilder

Syntax:

public abstract class ChartAreaSeriesBuilderBase<TSeries, TSeriesBuilder> : ChartSeriesBuilderBase<TSeries, TSeriesBuilder> where TSeries : IAreaSeries where TSeriesBuilder : ChartAreaSeriesBuilderBase<TSeries, TSeriesBuilder>

Inheritance: objectChartSeriesBuilderBase<TSeries, TSeriesBuilder>ChartAreaSeriesBuilderBase<TSeries, TSeriesBuilder>

Derived Classes: ChartAreaSeriesBuilder<T>ChartRadarAreaSeriesBuilder<T>

Constructors

ChartAreaSeriesBuilderBase(TSeries)

Initializes a new instance of the ChartAreaSeriesBuilderBase<TSeries, TSeriesBuilder> class.

public ChartAreaSeriesBuilderBase(TSeries series)

Parameters:seriesTSeries

The series.

Methods

Aggregate(ChartSeriesAggregate)

Sets the aggregate function for Date axis. This function is used when a category (an year, month, etc.) contains two or more points.

public TSeriesBuilder Aggregate(ChartSeriesAggregate aggregate)

Parameters:aggregateChartSeriesAggregate

The value that configures the aggregate function.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series.Area(model =&gt; model.Value, model =&gt; model.Date)
.Aggregate(ChartSeriesAggregate.Avg)
)
)

CategoryField(string)

Sets the Model property that holds the category or date.

public TSeriesBuilder CategoryField(string categoryField)

Parameters:categoryFieldstring

The name of the Model property.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series.Area(s =&gt; s.Sales).CategoryField("Year"))
)

ColorField(string)

Sets the Model property that holds the series color.

public TSeriesBuilder ColorField(string colorField)

Parameters:colorFieldstring

The name of the Model property.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series.Area(s =&gt; s.Sales).ColorField("AppliedColor"))
)

Field(string)

Sets the Model property that holds the series value.

public TSeriesBuilder Field(string field)

Parameters:fieldstring

The name of the Model property.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series.Area(s =&gt; s.Sales).Field("SalesPercentage"))
)

Highlight(Action<ChartLineSeriesHighlightBuilder>)

Defines the series highlighting configuration options.

public TSeriesBuilder Highlight(Action<ChartLineSeriesHighlightBuilder> configurator)

Parameters:configuratorAction<ChartLineSeriesHighlightBuilder>

The action that configures the highlighting settings.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series
.Area(s =&gt; s.Sales)
.Highlight(h =&gt; h.Visible(true).Color("green"))
)
)

Labels(Action<ChartPointLabelsBuilder>)

Configures the label settings of the Area Chart.

public TSeriesBuilder Labels(Action<ChartPointLabelsBuilder> configurator)

Parameters:configuratorAction<ChartPointLabelsBuilder>

The action that configures the label settings.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series
.Area(s =&gt; s.Sales)
.Labels(labels =&gt; labels.Visible(true))
)
)

Labels(bool)

Sets the visibility of Area Chart labels. By default, the labels are hidden.

public TSeriesBuilder Labels(bool visible)

Parameters:visiblebool

The option that toggles the visibility of the labels.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series
.Area(s =&gt; s.Sales).Labels(true)
)
)

Markers(Action<ChartMarkersBuilder>)

Configures the settings of the series markers.

public TSeriesBuilder Markers(Action<ChartMarkersBuilder> configurator)

Parameters:configuratorAction<ChartMarkersBuilder>

The action that configures the markers settings.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series
.Area(s =&gt; s.Sales)
.Markers(markers =&gt; markers.Type(ChartMarkerShape.Triangle))
)
)

Markers(bool)

Sets the visibility of Area Chart markers. By default, the series markers are visible.

public TSeriesBuilder Markers(bool visible)

Parameters:visiblebool

The option that toggles the visibility of the markers.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series
.Area(s =&gt; s.Sales).Markers(false)
)
)

MissingValues(ChartAreaMissingValues)

Configures the behavior for handling missing values in the Area Chart series. By default, the plot stops before the missing point and continues after it.

public TSeriesBuilder MissingValues(ChartAreaMissingValues missingValues)

Parameters:missingValuesChartAreaMissingValues

The enum value that configures the missing values behavior.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series
.Area(s =&gt; s.Sales)
.MissingValues(ChartAreaMissingValues.Interpolate)
)
)

NoteTextField(string)

Sets the Model property that holds the series note text.

public TSeriesBuilder NoteTextField(string noteTextField)

Parameters:noteTextFieldstring

The name of the Model property.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart&lt;ChartViewModel&gt;()
.Name("chart")
.Series(series =&gt; series.Area(s =&gt; s.Sales).NoteTextField("NoteText"))
)

Stack(bool)

If set to "true", the series will be stacked.

public TSeriesBuilder Stack(bool stacked)

Parameters:stackedbool

A value indicating if the series must be stacked.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart()
.Name("chart")
.Series(series =&gt; series.Area(s =&gt; s.Sales).Stack(true))
)

Stack(ChartStackType)

Sets the type of stack to plot.

public TSeriesBuilder Stack(ChartStackType type)

Parameters:typeChartStackType

A value indicating the stacking type.

Returns:

TSeriesBuilder

Example:

@(Html.Kendo().Chart()
.Name("chart")
.Series(series =&gt; series.Area(s =&gt; s.Sales).Stack(ChartStackType.Stack100))
)