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))
)