Options

Chart-level options controlling dimensions and identification.

Total height of the ApexStock chart in pixels, including the main candlestick area and any oscillator panels below it.

Unique identifier for the chart instance. Auto-generated if not provided.

Array of data series. Each series contains OHLCV data points rendered as candlesticks on the main chart.

series: [
  {
    name: 'Stock Price',
    data: [
      { x: 1706745600000, y: [150, 155, 148, 153], v: 1200000 },
      { x: 1706832000000, y: [153, 158, 151, 157], v: 980000 },
    ],
  },
]

Name of the data series displayed in the legend and tooltips.

Array of data points in OHLCV format.

Timestamp or date for the data point. Can be a Unix timestamp (number) or a date string.

Array containing [open, high, low, close] prices in that order. Used to render the candlestick body and wicks.

Volume for the time period. When present, volume data is available for the Volumes indicator.

Theme configuration for the chart. Every key is optional. The object is passed on to ApexCharts as well, so ApexCharts' own theme keys (such as palette) apply to the charts. See Theming.

Color scheme for the chart.

Available Options:

• light (default): light background with dark text
• dark: dark background with light text

Left unset, it is light, or dark when the page's design system is dark (Ignite UI, with the apexstock/ignite-ui add-on loaded).

A named preset, built in or registered with ApexStock.registerTheme. A preset carries its own base mode. See Theme presets.

Since 0.6.0. false ignores the page's design system (Ignite UI) for this chart. It has an effect only while the apexstock/ignite-ui add-on, or another product's Ignite UI add-on, is loaded. Defaults to true. See Using with Ignite UI.

Since 0.6.0. false also ignores the design system, and turns off ApexCharts' own --apx-* token reads for the charts. Defaults to true.

An ApexCharts palette name, 'palette1' to 'palette10', for the charts.

ApexCharts' monochrome mode for the charts, with the same enabled, color, shadeTo and shadeIntensity keys. While it is on, ApexStock keeps its own colors over the design system's; the design system's font and mode still apply.

ApexCharts' color-blind palettes for the charts: 'deuteranopia', 'protanopia', 'tritanopia', 'highContrast', or '' for none. Like monochrome, a colorBlindMode keeps ApexStock's own colors over the design system's.

Plot-specific options for the stock chart.

Configuration specific to the stock chart component.

Configure which technical indicators are available. Indicators are split into overlays (drawn on the main chart) and oscillators (rendered in separate panels below).

Pass an object to enable/disable individual indicators, or an array of indicator name strings to enable only those.

plotOptions: {
  stockChart: {
    indicators: {
      'moving average': { enabled: true },
      'bollinger bands': { enabled: true },
      'rsi': { enabled: true },
      'macd': { enabled: false },
    },
  },
}

Moving Average overlay configuration.

Enable the Simple Moving Average overlay on the main chart.

Bollinger Bands overlay configuration.

Enable the Bollinger Bands overlay showing price volatility bands.

Exponential Moving Average overlay configuration.

Enable the Exponential Moving Average overlay for trend analysis.

Fibonacci Retracements overlay configuration.

Enable Fibonacci retracement levels for support and resistance analysis.

Linear Regression overlay configuration.

Enable the Linear Regression trend line overlay.

Ichimoku Cloud overlay configuration.

Enable the Ichimoku Cloud indicator for comprehensive trend analysis.

RSI oscillator configuration.

Enable the Relative Strength Index oscillator in a separate panel.

MACD oscillator configuration.

Enable the Moving Average Convergence Divergence oscillator.

Volumes indicator configuration.

Enable the volume indicator showing trading volume in a separate panel.

Price Volume Trend indicator configuration.

Enable the Price Volume Trend indicator combining price and volume analysis.

Stochastic Oscillator configuration.

Enable the Stochastic Oscillator for momentum analysis.

Standard Deviation indicator configuration.

Enable the Standard Deviation indicator for volatility measurement.

Average Directional Index configuration.

Enable the Average Directional Index (ADX) for trend strength analysis.

Chaikin Oscillator configuration.

Enable the Chaikin Oscillator for accumulation/distribution analysis.

Commodity Channel Index configuration.

Enable the Commodity Channel Index (CCI) oscillator.

Trend Strength Index configuration.

Enable the Trend Strength Index for measuring trend momentum.

Accelerator Oscillator configuration.

Enable the Accelerator Oscillator for momentum acceleration analysis.

Bollinger Bands %B indicator configuration.

Enable the Bollinger Bands %B indicator showing price position within bands.

Bollinger Bands Width indicator configuration.

Enable the Bollinger Bands Width indicator measuring band expansion/contraction.