New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core Stock Charts Multiple Panes
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
This demo illustrates the use of multiple graph panes in the Telerik UI for ASP.NET Core Stock chart. You can define a pane through the Panes collection and set it’s title and height:
panes.Add("volumePane").Title("Volume").Height(150);
If you want to render a specific axis inside the newly create pane with name volumePane use the ValueAxis -> Pane setting: ValueAxis(axis => axis.Numeric("volumeAxis").Pane("volumePane").Visible(false))
You can also position the navigator pane at the top or at the bottom. To position the navigator pane at the top set ChartNavigatorPosition.Top for the Position property:
.Position(ChartNavigatorPosition.Top)