Price axis doesn't respect the width of crosshair label

[thanhlmm]

Lightweight Charts Version: 3.5.0

Steps/code to reproduce:

  priceFormat: {
    type: "custom",
    minMove: 0.00000001,
    formatter: (price) => {
      return window.numeral(price).format("0.[000]") + "USD";
    }
  }

numeral is a lib to format number

Actual behavior:

Expected behavior:

The axis will show enough space for the label

Screenshots:

CodeSandbox/JSFiddle/etc link:
https://codesandbox.io/s/axis-number-width-qve8d?file=/index.html
You will need Open in New window to check it

[thanhlmm]

Propose solution:

Currently, the chart width is determined by the length of Min and Max label. So I think it better to check width by all mark label visible + a medium point (min + max)/2

[timocov]

Hi there, it seems that we already fixed this on tradingview.com, I'll migrate a fix to lightweight-charts soon.

[thanhlmm]

Sound great