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

ChartNavigatorBuilder

Methods

Select(System.Nullable,System.Nullable)

Sets the selection range

Parameters

from - System.Nullable<DateTime>

The selection range start.

to - System.Nullable<DateTime>

The selection range end.

Example


             @( Html.Kendo().StockChart(Model)
                      .Name("StockChart")
                      .Navigator(nav => nav.Select(DateTime.Today.AddMonths(-1), DateTime.Today))
            )

Select(System.Action)

Defines the navigator selection.

Parameters

configurator - System.Action<ChartNavigatorSelectionBuilder>

The add action.

Example


             @( Html.Kendo().StockChart(Model)
                        .Name("Chart")
                            .Navigator(nav => nav.Select(x => x.From(DateTime.Today)))
            )

Series(System.Action)

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

Parameters

configurator - System.Action<ChartSeriesFactory>

The add action.

Example


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

Visible(System.Boolean)

Sets the navigator visibility

Parameters

visible - System.Boolean

The navigator visibility.

Example


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

Hint(System.Action)

Defines the navigator hint.

Parameters

configurator - System.Action<ChartNavigatorHintBuilder>

The add action.

Example


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

DataSource(System.Action)

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

Parameters

configurator - System.Action<ReadOnlyAjaxDataSourceBuilder>

Use the configurator to set different data binding options.

Example


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

DateField(System.String)

Sets the field used by the navigator date axes.

Parameters

dateField - System.String

The date field.

Example


             @( Html.Kendo().StockChart(Model)
                        .Name("Chart")
                        .Navigator(navi => navi
                            .DateField("Date")
                        )
            )

AutoBind(System.Boolean)

Enables or disables automatic binding.

Parameters

autoBind - System.Boolean

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

Example


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

CategoryAxis(System.Action)

Configures the navigator category axis

Parameters

configurator - System.Action<ChartCategoryAxisBuilder>

The configurator

Example


             @( Html.Kendo().StockChart(Model)
                        .Name("Chart")
                        .Navigator(navi => navi.CategoryAxis(cat => cat.Pane("volume")))
            )

Pane(System.Action)

Configures the a navigator pane.

Parameters

configurator - System.Action<ChartPaneBuilder>

The configurator

Example


             @( Html.Kendo().StockChart(Model)
                        .Name("Chart")
                        .Navigator(navi => navi.Pane(pane => pane.Title("Countries")))
            )

Position(Kendo.Mvc.UI.ChartNavigatorPosition)

Specifies the navigator position.

Parameters

value - ChartNavigatorPosition

The value for Position

Example


             @( Html.Kendo().StockChart(Model)
                        .Name("Chart")
                        .Navigator(navi => navi.Position(ChartNavigatorPosition.Top))
            )

In this article
Not finding the help you need?