New to Kendo UI for jQuery? Download free 30-day trial

Multiple panes

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • panes.html

Also available for:

API REFERENCE

Description

This demo illustrates the use of multiple graph panes in Kendo UI Stock chart. You can define a pane through the panes configuration setting and set it’s title and height: panes: [{ title: "Value" }, { name: "volumePane", title: "Volume", height: 150  }] If you want to render a specific axis inside the newly created pane with name volumePane use the valueAxis -> pane setting: valueAxes: [{ // Default axis line: { visible: false } }, { name: "volumeAxis", pane: "volumePane", visible: false }]

Support & Learning Resources