Format left price scale

[daniel-zero]

I'd like to format the percentage labels of the left price scale. Currently it is not possible to format the rendered label values. I can only format the right price scale. But maybe I'm missing something.

I want to remove the last two digits of the percentage value.

      leftPriceScale: {
        visible: true,
        mode: PriceScaleMode.Percentage,
        borderVisible: false,
      },

    this._percentage = this._chart.addLineSeries({
      priceScaleId: 'left',
      color: 'rgba(92, 163, 239, 0)',
      baseLineVisible: false,
      priceLineVisible: false,
      lastValueVisible: false,
      priceFormat: {
        type: 'custom',
        formatter: (price: number) => {
          return `${price.toFixed(0)}%`;
        },
      },
    });

[SlicedSilver]

Using a custom price formatter with a percentage price scale is limited at the moment, and something that we should look into improving for the library.

Related issue: #1291

[daniel-zero]

@SlicedSilver can you give me a time-box for the next release containing the formatting feature? I'm asking because our product release depends on this feature.

[SlicedSilver]

This has been merged in master, so if you would like to use this now (before we release our next update) then you can download the repo and build your own version of the library.

The steps to build the library are:

1. Download / Clone the repo
2. npm install
3. npm run build:prod
4. locate the built files in the dist folder.