Inverted Price Scale - Lightweight Charts

This example shows how to invert a price scale. Usually, the price scale will map the range of numbers from small to large along the vertical axis from bottom to top. Inverting the price scale will change this such that the values map from top to bottom.

How to

Set the invertScale property on the priceScale options to true.

chart.applyOptions({
    rightPriceScale: {
        invertScale: true,
    },
});

// or (for a specific price scale)
const priceScale = chart.priceScale();
priceScale.applyOptions({
    invertScale: true,
});

You can see a full working example below.

Resources

invertScale
Price Scales - General introduction to Price Scales.

Full example

import UsageGuidePartial from "../_usage-guide-partial.mdx"; import CodeBlock from "@theme/CodeBlock"; import code from "!!raw-loader!./inverted-price-scale.js";