Skip to main content
Version: 3.8

Interface: ChartOptions

Structure describing options of the chart. Series options are to be set separately

Properties​

width​

width: number

Width of the chart in pixels

Default Value​

If 0 (default) or none value provided, then a size of the widget will be calculated based its container's size.

height​

height: number

Height of the chart in pixels

Default Value​

If 0 (default) or none value provided, then a size of the widget will be calculated based its container's size.

watermark​

watermark: WatermarkOptions

Watermark options.

A watermark is a background label that includes a brief description of the drawn data. Any text can be added to it.

Please make sure you enable it and set an appropriate font color and size to make your watermark visible in the background of the chart. We recommend a semi-transparent color and a large font. Also note that watermark position can be aligned vertically and horizontally.

layout​

layout: LayoutOptions

Layout options

leftPriceScale​

leftPriceScale: PriceScaleOptions

Left price scale options

rightPriceScale​

rightPriceScale: PriceScaleOptions

Right price scale options

overlayPriceScales​

overlayPriceScales: OverlayPriceScaleOptions

Overlay price scale options

timeScale​

timeScale: TimeScaleOptions

Time scale options

crosshair​

crosshair: CrosshairOptions

The crosshair shows the intersection of the price and time scale values at any point on the chart.

grid​

grid: GridOptions

A grid is represented in the chart background as a vertical and horizontal lines drawn at the levels of visible marks of price and the time scales.

localization​

localization: LocalizationOptions

Localization options.

handleScroll​

handleScroll: boolean | HandleScrollOptions

Scroll options, or a boolean flag that enables/disables scrolling

handleScale​

handleScale: boolean | HandleScaleOptions

Scale options, or a boolean flag that enables/disables scaling

kineticScroll​

kineticScroll: KineticScrollOptions

Kinetic scroll options

trackingMode​

trackingMode: TrackingModeOptions

Represent options for the tracking mode's behavior.

Mobile users will not have the ability to see the values/dates like they do on desktop. To see it, they should enter the tracking mode. The tracking mode will deactivate the scrolling and make it possible to check values and dates.