All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      Stock Charts / Multiple panes

      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 }]

      HTML5/JavaScript source

      Also available for:

      API Reference
      • panes.html
      • Widget configuration

      Support & learning resources

      Stock Charts for other technologies