StockChartIndicatorModel

23 Sep 20254 minutes to read

Interface for a class StockChartIndicator

Properties

animation AnimationModel

Options to customizing animation for the series.

bandColor string

Options for customizing the BollingerBand in the indicator.

close string

The DataSource field that contains the close value of y
It is applicable for series and technical indicators

dPeriod number

Defines the period, the price changes over which will define the %D value in stochastic indicators.

dashArray string

Defines the pattern of dashes and gaps to stroke the lines in Line type series.

dataSource Object|DataManager

Specifies the DataSource for the series. It can be an array of JSON objects or an instance of DataManager.

<div id='Chart'></div>

fastPeriod number

Sets the fast period to define the Macd line.

field FinancialDataFields

Defines the field to compare the current value with previous values.

fill string

The fill color for the series that accepts value in hex and rgba as a valid CSS color string.
It also represents the color of the signal lines in technical indicators.
For technical indicators, the default value is ‘blue’ and for series, it has null.

high string

The DataSource field that contains the high value of y
It is applicable for series and technical indicators

kPeriod number

Defines the look back period, the price changes over which will define the %K value in stochastic indicators.

low string

The DataSource field that contains the low value of y
It is applicable for series and technical indicators

lowerLine ConnectorModel

Defines the appearance of lower line in technical indicators.

macdLine StockChartConnectorModel

Defines the appearance of the the MacdLine of Macd indicator.

macdNegativeColor string

Defines the color of the negative bars in Macd indicators.

macdPositiveColor string

Defines the color of the positive bars in Macd indicators.

macdType MacdType

Defines the type of the Macd indicator.

open string

The DataSource field that contains the open value of y
It is applicable for series and technical indicators

overBought number

Defines the over-bought(threshold) values. It is applicable for RSI and stochastic indicators.

overSold number

Defines the over-sold(threshold) values. It is applicable for RSI and stochastic indicators.

period number

Defines the period, the price changes over which will be considered to predict the trend.

periodLine StockChartConnectorModel

Defines the appearance of period line in technical indicators.

pointColorMapping string

The DataSource field that contains the color value of point
It is applicable for series

query Query

Specifies query to select data from DataSource. This property is applicable only when the DataSource is ej.DataManager.

seriesName string

Defines the name of the series, the data of which has to be depicted as indicator.

showZones boolean

Enables/Disables the over-bought and over-sold regions.

slowPeriod number

Sets the slow period to define the Macd line.

standardDeviation number

Sets the standard deviation values that helps to define the upper and lower bollinger bands.

type TechnicalIndicators

Defines the type of the technical indicator.

upperLine StockChartConnectorModel

Defines the appearance of the upper line in technical indicators.

volume string

Defines the data source field that contains the volume value in candle charts
It is applicable for financial series and technical indicators

width number

The stroke width for the series that is applicable only for Line type series.
It also represents the stroke width of the signal lines in technical indicators.

xAxisName string

The name of the horizontal axis associated with the series. It requires axes of the chart.
It is applicable for series and technical indicators

<div id='Chart'></div>

let chart: Chart = new Chart({
...
    columns: [{ width: '50%' },
              { width: '50%' }],
    axes: [{
               name: 'xAxis 1',
               columnIndex: 1,
           }],
    series: [{
               dataSource: data,
               xName: 'x', yName: 'y',
               xAxisName: 'xAxis 1',
    }],
});
chart.appendTo('#Chart');

xName string

The DataSource field that contains the x value.
It is applicable for series and technical indicators

yAxisName string

The name of the vertical axis associated with the series. It requires axes of the chart.
It is applicable for series and technical indicators

<div id='Chart'></div>