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


The navigator of the Telerik UI for ASP.NET MVC StockChart represents a pane that is placed at the bottom of the chart and can be used to change the date interval in the main panes.

The following example demonstrates how to define a ButtonGroup in the ToolBar component:

        .DataSource(ds => ds.Read(read => read
            .Action("_BoeingStockData", "Financial")
        .CategoryAxis(axis => axis.Pane("volumePane"))
        .ValueAxis(axis => axis.Numeric().Line(line => line.Visible(false)))
        .ValueAxis(axis => axis.Numeric("volumeAxis").Pane("volumePane").Visible(false))
        .Series(series =>
            series.Candlestick(s => s.Open, s => s.High, s => s.Low, s => s.Close);
            series.Column(s => s.Volume).Axis("volumeAxis")
                    .Tooltip(tooltip => tooltip.Format("{0:C0}"));
        .Navigator(nav => nav
            .Series(series =>
                series.Area(s => s.Close);

See Also

In this article