Chart configuration

DXcharts is highly customizable. Use the ChartConfig object to define the initial chart properties during setup.

FullChartConfig

The main configuration file for chart-core. Includes all components' configurations, global configs like dateFormatter, and colors.

Property

Description

Type

scale

Controls how chart series are positioned horizontally and vertically. Other configurations like: inverse, lockRatio etc.

ChartScale   +

components

Group of component configurations. Chart component is a single visual object on chart. Examples: chart itself, events, x-axis, highlights, cross tool.

ChartComponents   +

colors

All colors in chart-core are configured here.

FullChartColors   +

dateFormatter

Date and time formatting configuration.

DateFormatter   +

timezone

Timezone to use on chart X axis labels and any other timestamps. Examples: Africa/Accra, Europe/Moscow, Asia/Tehran.

string

fixedSize

If set - chart canvas will have fixed size always.

{ width: number; height: number; }

rtl

Right to left mode. Used in drawings (like text drawing) calculation.

boolean

drawingOrder

Initial visual order of chart drawers. Reorder to put volumes on top of candles for example.

("MAIN_BACKGROUND" | "MAIN_CLEAR" | "HIT_TEST_CLEAR" | "YAXIS_CLEAR" | "SERIES_CLEAR" | "OVER_SERIES_CLEAR" | "HIT_TEST_DRAWINGS" | "GRID" | "X_AXIS" | "Y_AXIS" | "HIGH_LOW" | ... 11 more ... | "CROSS_TOOL")[]

intlFormatter

IntlFormatter   +

useUTCTimeOverride

boolean

animation

AnimationConfig   +

devexpertsPromoLink

boolean

shortDays

string[]

shortMonths

string[]