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

Defines the fluent interface for configuring the ChartNavigator<T>.

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Type Parameters:

T

Syntax:

C#
public class ChartNavigatorBuilder<T> where T : class

Inheritance: objectChartNavigatorBuilder<T>

Inherited Members object.GetType()object.MemberwiseClone()object.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()...

Constructors

Initializes a new instance of the ChartNavigatorBuilder<T> class.

C#
public ChartNavigatorBuilder(ChartNavigator<T> chartNavigator)
Parameters:chartNavigatorChartNavigator<T>

The stock chart navigator.

Methods

Enables or disables automatic binding.

C#
public ChartNavigatorBuilder<T> AutoBind(bool autoBind)
Parameters:autoBindbool

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

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart()
.Name("Chart")
.Navigator(navi =&gt; navi
.DataSource(ds =&gt;
{
ds.Ajax().Read(r =&gt; r.Action("SalesData", "Chart"));
})
.AutoBind(false)
)
)

Configures the navigator category axis

C#
public ChartNavigatorBuilder<T> CategoryAxis(Action<ChartCategoryAxisBuilder<T>> configurator)
Parameters:configuratorAction<ChartCategoryAxisBuilder<T>>

The configurator

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(navi =&gt; navi.CategoryAxis(cat =&gt; cat.Pane("volume")))
)

Data Source configuration for the Navigator. When configured, the Navigator will filter the main StockChart data source to the selected range.

C#
public ChartNavigatorBuilder<T> DataSource(Action<ReadOnlyAjaxDataSourceBuilder<T>> configurator)
Parameters:configuratorAction<ReadOnlyAjaxDataSourceBuilder<T>>

Use the configurator to set different data binding options.

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart()
.Name("Chart")
.Navigator(navi =&gt; navi
.DataSource(ds =&gt;
{
ds.Ajax().Read(r =&gt; r.Action("SalesData", "Chart"));
})
)
)

Sets the field used by the navigator date axes.

C#
public ChartNavigatorBuilder<T> DateField(string dateField)
Parameters:dateFieldstring

The date field.

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(navi =&gt; navi
.DateField("Date")
)
)

Defines the navigator hint.

C#
public ChartNavigatorBuilder<T> Hint(Action<ChartNavigatorHintBuilder> configurator)
Parameters:configuratorAction<ChartNavigatorHintBuilder>

The add action.

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav =&gt;
nav.Series(series =&gt;
{
series.Bar(s =&gt; s.SalesAmount);
})
)
)

Configures the a navigator pane.

C#
public ChartNavigatorBuilder<T> Pane(Action<ChartPaneBuilder> configurator)
Parameters:configuratorAction<ChartPaneBuilder>

The configurator

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(navi =&gt; navi.Pane(pane =&gt; pane.Title("Countries")))
)

Specifies the navigator position.

C#
public ChartNavigatorBuilder<T> Position(ChartNavigatorPosition value)
Parameters:valueChartNavigatorPosition

The value for Position

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(navi =&gt; navi.Position(ChartNavigatorPosition.Top))
)

Defines the navigator selection.

C#
public ChartNavigatorBuilder<T> Select(Action<ChartNavigatorSelectionBuilder> configurator)
Parameters:configuratorAction<ChartNavigatorSelectionBuilder>

The add action.

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav =&gt; nav.Select(x =&gt; x.From(DateTime.Today)))
)

Sets the selection range

C#
public ChartNavigatorBuilder<T> Select(DateTime? from, DateTime? to)
Parameters:fromDateTime?

The selection range start.

toDateTime?

The selection range end.

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart(Model)
.Name("StockChart")
.Navigator(nav =&gt; nav.Select(DateTime.Today.AddMonths(-1), DateTime.Today))
)

Defines the navigator series. At least one series should be configured.

C#
public ChartNavigatorBuilder<T> Series(Action<ChartSeriesFactory<T>> configurator)
Parameters:configuratorAction<ChartSeriesFactory<T>>

The add action.

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav =&gt;
nav.Series(series =&gt;
{
series.Bar(s =&gt; s.SalesAmount);
})
)
)

Sets the navigator visibility

C#
public ChartNavigatorBuilder<T> Visible(bool visible)
Parameters:visiblebool

The navigator visibility.

Returns:

ChartNavigatorBuilder<T>

Example:
C#
@( Html.Kendo().StockChart(Model)
.Name("Chart")
.Navigator(nav =&gt; nav
.Series(series =&gt;
{
series.Bar(s =&gt; s.SalesAmount);
})
.Visible(false)
)
)