Kendo UI R3'17 Release Webinar is near! Sign up to watch technical demos of the freshly released bits, including support for React and Vue.
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      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