Home Forums StockChart Support navigator hidden when height assigned to charts in stockcharts

navigator hidden when height assigned to charts in stockcharts

Viewing 2 posts - 1 through 2 (of 2 total)
  • #31796

    Hi ,
    I am facing following problem while working with stockchart navigator :

    1. while assigning dynamic height to chart using options for individual charts, navigator is not showing (refer container 1 in attached code)

    2.How can i decouple or extract navigator from container 2 so that it do not become part of scroll in case overflow is applied.(refer container 2 in attached code)

    https://stackblitz.com/edit/canvasjs-react-stockchart-setting-slider-minimum-njcbsw?file=index.js
    https://stackblitz.com/edit/canvasjs-react-stockchart-setting-slider-minimum-njcbsw?file=index.js

    #31807

    @gaurav-sharma6,

    1. while assigning dynamic height to chart using options for individual charts, navigator is not showing (refer container 1 in attached code)

    StockChart takes default height when stockchart container’s height is not set. You can set the height of stockchart container by setting height in “containerProps” props of CanvasJS as explained in tutorial. Please take a look at this updated stackblitz example.

    2.How can i decouple or extract navigator from container 2 so that it do not become part of scroll in case overflow is applied.(refer container 2 in attached code)

    Decoupling navigator from stockchart is not possible as of now. However, you can achieve it by setting height of chart, navigator and stockchart container as shown in this stackblitz example.

    —-
    Manoj Mohan
    Team CanvasJS

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.