ChartSeriesProps

Enhances accessibility for series elements to ensure compatibility with assistive technologies, such as screen readers and keyboard navigation.

Specifies animation settings for the series, including options to enable or disable animation, and configure its duration and delay for smoother visual transitions.

Specifies the fill color for bearish candles or points, where the closing price is lower than the opening price. Commonly used to indicate downward price movement.

Defines the border styling for the series. This includes customization options such as border color and width.

Specifies the fill color for bullish candles or points, where the closing price is higher than the opening price. Commonly used to indicate upward price movement.

Specifies the tension parameter for cardinal splines. This affects the curvature of the spline.

Specifies the data field name that contains the closing price value for each data point in the financial chart. This value represents the price at the end of the time interval.

Maps a data source field to assign individual colors to each point in the series.

Defines the spacing between columns in column or bar charts. Accepts a value between 0 and 1.

Specifies the relative width of each column in column and bar charts. Accepts a value between 0 and 1, where 1 means columns occupy the full available width within a category, and 0.5 means they occupy half the space.

Sets a fixed column width in pixels for points in column and bar charts. This property overrides relative sizing and ensures consistent column width across categories.

Defines the corner radius for data points.

Defines the dash pattern for the stroke in Line type series. Use a string format to specify dash and gap lengths (e.g., "4,2").

Specifies the data source for the series. Can be an array of JSON objects or an instance of DataManager.

Customizes the appearance of empty points in the series. Points with null or undefined values are treated as empty.

Enables complex property mapping to improve performance when binding large data sets.

Enables the solid candlestick rendering style in charts. When enabled, candlesticks are filled based on the relationship between the open and close prices of the current data point:

• A candle is filled (solid) if the close is below the open.
• A candle is hollow if the close is above the open.

Determines whether tooltips for the chart series are enabled. Set to false to hide the tooltip for a particular series.

Sets the fill color of the series. Accepts any valid CSS color value, including hex codes, RGB, RGBA, HSL.

Specifies a group name to overlay mutually exclusive chart series. Series in the same group share the same baseline and axis location.

Specifies the data field name that contains the high price value for each data point in the financial chart. This value represents the highest price reached during the time interval.

Specifies the shape used to represent the series in the chart legend.

Specifies the data field name that contains the low price value for each data point in the financial chart. This value represents the lowest price reached during the time interval.

Sets the maximum radius for data points (bubbles) in the series.

Sets the minimum radius for data points (bubbles) in the series.

Sets the name of the series, which is displayed in the chart legend. Useful for identifying multiple series.

Determines whether vertical risers are rendered in a step series. When set to true, the step series is drawn without vertical lines between horizontal steps, resulting in a flat step appearance. Applicable only to step series chart types.

Sets the opacity of the series. Accepts a value between 0 (fully transparent) and 1 (fully opaque).

Specifies the data field name that contains the opening price value for each data point in the financial chart. This value represents the price at the beginning of the time interval.

Defines a query to retrieve data from the data source. Applicable only when using ej.DataManager as the data source.

Specifies the name of the data field that contains the values used to determine the size (radius) of each bubble in a bubble chart.

Selects the algorithm used to draw curved lines between data points in spline series. Available options:

• Natural - Renders a natural spline.
• Cardinal - Renders a cardinal spline.
• Clamped - Renders a clamped spline.
• Monotonic - Renders a monotonic spline.

Groups series in stacked column and stacked bar charts. Series with the same stackingGroup value are stacked together.

Specifies the position of steps in step line chart type.

• Left - Steps begin from the left side of the second point.
• Right - Steps begin from the right side of the first point.
• Center - Steps begin between the data points.

Maps a specific field from the data source to use as tooltip content. The mapped field's value is stored in the point's tooltip property and it can be accessed through tooltip format.

Defines a custom format string for displaying tooltips when hovering over data points in this series. The format string can include placeholders that will be replaced with actual values.

Defines the type of series used to visualize the data. Supported types include:

• Line - Renders a line chart.
• MultiColoredLine - Renders a multicolored line chart.
• Column - Renders a column chart.
• Area - Renders an area chart.
• StepArea - Renders an step area chart.
• Bar - Renders a bar chart.
• StackingArea - Renders a stacking area chart.
• StackingArea100 - Renders a 100% stacking area chart.
• StackingColumn - Renders a stacking column chart.
• StackingBar - Renders a stacking bar chart.
• StackingColumn100 - Renders a 100% stacking column chart.
• StackingBar100 - Renders a 100% stacking bar chart.
• StepLine - Renders a step line chart.
• SplineArea - Renders a spline area chart.
• Scatter - Renders a scatter chart.
• Spline - Renders a spline chart.
• Bubble - Renders a bubble chart.
• Candle - Renders a candle chart.
• Hilo - Renders a hilo chart.
• HiloOpenClose - Renders a hiloOpenClose chart.
• RangeArea - Renders a rangeArea chart.
• RangeColumn - Renders a rangeColumn chart.
• SplineRangeArea - Renders a spline range area series.

Controls the visibility of the series on the chart. When set to false, the series is hidden.

Defines the stroke width of the series, in pixels. This controls the thickness of the line type series.

Specifies the name of the horizontal axis associated with the series. Requires the axes configuration in the chart.

Specifies the name of the field in the data source that maps values to the x-axis of the chart. This property is essential for identifying which data dimension should be plotted horizontally, such as categories, timestamps, or numerical values.

Specifies the name of the vertical axis associated with the series. Requires the axes configuration in the chart.

Specifies the name of the field in the data source that provides the values to be plotted along the y-axis. This property is used to map vertical data points in the chart, such as numerical values or metrics.

Determines the rendering order of the series within the chart. Series with higher zOrder values are drawn above those with lower values.