Move Toolbar

• December 15, 2022 at 5:46 pm #41672
  
  Carl Bright

  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.

  December 16, 2022 at 6:16 pm #41683
  
  Vishwas R

  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.
  

  —
  Vishwas R
  Team CanvasJS