All Components


    Stock Charts / Multiple panes


    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