StockChartSeriesDirective

12 Sep 20254 minutes to read

Series Directive

<e-stockchart-series-collection>
<e-stockchart-series></e-stockchart-series>
</e-stockchart-series-collection>

Properties

animation any

Options to customizing animation for the series.

bearFillColor any

This property is used in stock charts to visualize the price movements in stock.
It defines the color of the candle/point, when the opening price is less than the closing price.

Defaults to ‘#2ecd71’

border any

Options to customizing the border of the series. This is applicable only for Column and Bar type series.

bullFillColor any

This property is used in financial charts to visualize the price movements in stock.
It defines the color of the candle/point, when the opening price is higher than the closing price.

Defaults to ‘#e74c3d’

cardinalSplineTension any

It defines tension of cardinal spline types.

Defaults to 0.5

close any

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

Defaults to ’’

columnSpacing any

To render the column series points with particular column spacing. It takes value from 0 - 1.

Defaults to 0

columnWidth any

To render the column series points with particular column width. If the series type is histogram the
default value is 1 otherwise 0.7.

Defaults to null

cornerRadius any

To render the column series points with particular rounded corner.

dashArray any

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

Defaults to ‘0’

dataSource any

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

Defaults to ’’

emptyPointSettings any

options to customize the empty points in series.

enableSolidCandles any

This property is applicable for candle series.
It enables/disables to visually compare the current values with the previous values in stock.

Defaults to false

enableTooltip any

If set true, the Tooltip for series will be visible.

Defaults to true

fill any

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.

Defaults to null

high any

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

Defaults to ’’

lastValueLabel any

Options for customizing and displaying the last value in the series.

legendImageUrl any

The URL for the Image that is to be displayed as a Legend icon. It requires legendShape value to be an Image.

Defaults to ’’

legendShape any

The shape of the legend. Each series has its own legend shape. They are

  • Circle - Renders a circle.
  • Rectangle - Renders a rectangle.
  • Triangle - Renders a triangle.
  • Diamond - Renders a diamond.
  • Cross - Renders a cross.
  • HorizontalLine - Renders a horizontalLine.
  • VerticalLine - Renders a verticalLine.
  • Pentagon - Renders a pentagon.
  • InvertedTriangle - Renders a invertedTriangle.
  • SeriesType -Render a legend shape based on series type.
  • Image -Render a image. *

Defaults to ‘SeriesType’

low any

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

Defaults to ’’

marker any

Options for displaying and customizing markers for individual points in a series.

name any

The name of the series visible in legend.

Defaults to ’’

opacity any

The opacity of the series.

Defaults to 1

open any

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

Defaults to ’’

pointColorMapping any

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

Defaults to ’’

query any

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

Defaults to null

selectionStyle any

Custom style for the selected series or points.

Defaults to null

showNearestTooltip any

Enables or disables the display of tooltips for the nearest data point to the cursor for series.

Defaults to true

tooltipMappingName any

The provided value will be considered as a Tooltip name

Defaults to ’’

trendlines any

Defines the collection of trendlines that are used to predict the trend

type any

The type of the series are

  • Line
  • Column
  • Area
  • Spline
  • Hilo
  • HiloOpenClose
  • Candle

Defaults to ‘Candle’

visible any

Specifies the visibility of series.

Defaults to true

volume any

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

Defaults to ’’

width any

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.

Defaults to 1

xAxisName any

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

Defaults to null

xName any

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

Defaults to ’’

yAxisName any

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

Defaults to null

yName any

The DataSource field that contains the y value.

Defaults to ’’