Interface Themes

A collection of default library color theme implementations.

Color theme of components must be specified when it is created, and can't be changed afterwards (without destroying and recreating the component):

 // Example syntax, create ChartXY with specific color theme.
 const chart = lightningChart().ChartXY({
     theme: Themes.turquoiseSimple,
 })

LCJS default theme is darkGold.

Hierarchy

  • Themes

Properties

cyberSpace darkGold light lightNature turquoiseHexagon

Properties

cyberSpace

cyberSpace: OfficialTheme

A built-in dark, violet color Theme.

This theme is based on a background picture (cyberSpace.jpg) that is distributed along-side LightningChart JS in its resources folder (node_modules/@arction/lcjs/dist/resources). In order to use this Theme, you have to host the resources in a file server and inform LightningChart of the URL of this file server.

For more information, see resourcesBaseUrl.

darkGold

darkGold: OfficialTheme

A built-in dark color Theme.

DarkGold Theme is the current default LightningChart JS color theme.

light

light: OfficialTheme

A built-in light color Theme.

lightNature

lightNature: OfficialTheme

A built-in light nature-inspired color Theme.

turquoiseHexagon

turquoiseHexagon: OfficialTheme

A built-in dark, turquoise color Theme.

This theme is based on a background picture (turquoiseHexagon.jpg) that is distributed along-side LightningChart JS in its resources folder (node_modules/@arction/lcjs/dist/resources). In order to use this Theme, you have to host the resources in a file server and inform LightningChart of the URL of this file server.

For more information, see resourcesBaseUrl.

Settings

Member Visibility

Theme