Home Forums StockChart Support Move Toolbar

Move Toolbar

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

    I have a StockChart that is rotated 90 degrees (translated) to show gas units over time
    Basiclly the chart has to read vertically

    However the Toolbar is in the wrong corner. After rotating it is in the lower right, it needs to be in the upper left and rotated.
    I saw the tip to move it from left to right, but I did not find one to move it from top to bottom or rotate the text of the print dialog.

    #41683

    Carl Bright,

    You can move toolbar to top-right / top-left by changing CSS positioning properties. Please find the code-snippet below.

    .canvasjs-stock-container .canvasjs-chart-toolbar {
      top: 0px !important;
      left: 10px !important;
      right: auto !important;
      transform: rotate(270deg) translate(-50%, -50%) !important;
    }

    Please take a look at this JSFiddle for working code.
    Rotated StockChart


    Vishwas R
    Team CanvasJS

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

You must be logged in to reply to this topic.