Interface SpiderChartOptions<CursorResultTableBackgroundType>

Interface for readonly configuration of SpiderChart.

Some properties of SpiderChart can only be configured when it is created. These arguments are all optional, and are wrapped in a single object parameter:

 // Example, create chart with specified color theme.
 const chart = LightningChart.Spider({
     theme: Themes.light,
 })

Watch out! The full set of available readonly configuration parameters depends on if the chart is standalone, or inside a dashboard:

For standalone SpiderChart, more parameters are documented in Spider.

For dashboard SpiderChart, more parameters are documented in createSpiderChart.

Commonly used properties:

  • SpiderChartOptions.theme: Specify chart color theme.
  • animationsEnabled: Convenience flag to disable all animations from chart.

Example usage:

 // Example 1, create chart with default configuration.
 const chart = LightningChart.Spider({})

 // Example 2, create chart with specified color theme.
 const chart = LightningChart.Spider({
     theme: Themes.light,
 })

Type Parameters

Hierarchy

Properties

animationsEnabled? cursorBuilder? legend?

Properties

Optional animationsEnabled

animationsEnabled?: boolean

Convenience flag that can be used to enable/disable all animations in a component.

Optional cursorBuilder

cursorBuilder?: CursorBuilder2D<CursorResultTableBackgroundType>

Builder for the charts' auto cursor. Use CursorBuilders.Spider to modify the default builder, using methods of Cursor2DBuilder.

 // Example, change cursor ResultTable background shape.
 const chart = LightningChart.Spider({
     cursorBuilder: CursorBuilders.Spider
         .setResultTableBackground(UIBackgrounds.Circle)
 })

Optional legend

legend?: LegendOptions & {
    customLegend?: LegendLogic;
}

Configuration for the chart legend.

Settings

Member Visibility

Theme