| Name | Description |
|---|---|
| Axis | The Axis class configures the axes in the chart. It provides various properties to customize the appearance and behavior of chart axes, including settings for labels, grid lines, ticks, and more. |
| AxisLine | Configures the axis line of a chart, allowing customization of the line’s appearance, including its color, width, and dashArray. |
| Column | Configures the columns of the chart to create multiple horizontal columns within the chart area. |
| CrosshairTooltip | Configures the crosshair tooltip for the chart, allowing customization of the tooltip’s appearance and content during crosshair interactions. |
| MajorGridLines | Configures the major grid lines in the axis, allowing for the setting of properties such as color, width, and dashArray to define how the grid lines appear on the chart. |
| MajorTickLines | Configures the major tick lines in the axis, allowing for the setting of properties such as color, width, and height to define how the tick lines appear on the chart. |
| MinorGridLines | Configures the minor grid lines in the axis, allowing for the setting of properties such as color, width, and dashArray to define how the grid lines appear on the chart. |
| MinorTickLines | Configures the minor tick lines in the axis, allowing for the setting of properties such as color, width, and height to define how the tick lines appear on the chart. |
| Row | Configures the rows of the chart to create multiple vertical rows within the chart area. |
| Chart | Represents the chart control. |
| CrosshairSettings | Options to configure the crosshair on the chart, which displays lines that follow the mouse cursor and show the axis values of the data points. |
| RangeColorSetting | Configures the range color settings in the chart. |
| ZoomSettings | Configures the zooming behavior for the chart. |
| ChartAnnotationSettings | Configures the annotation settings for a chart to highlight or provide additional information about specific points or regions. |
| LabelBorder | The LabelBorder class provides options to customize the border settings for chart labels. |
| MultiLevelCategories | The MultiLevelCategories class allows defining and customizing the categories used in multi-level labels.This is particularly useful when there is a need to display hierarchical or grouped data labels on the chart axis. |
| MultiLevelLabels | The MultiLevelLabels class is used to customize the appearance and behavior of multi-level labels in charts. |
| ScrollbarSettings | Specifies properties for customizing the scrollbar settings in lazy loading. |
| ScrollbarSettingsRange | The ScrollbarSettingsRange class allows defining the start and end values for the scrollbar range in a chart. |
| StripLineSettings | The StripLineSettings class provides configuration options for strip lines in a chart. |
| Export | The Export module is used to print and export the rendered chart. |
| DataLabelSettings | This class provides options to customize the appearance and behavior of data labels within a series. |
| ErrorBarCapSettings | The ErrorBarCapSettings class provides options to customize the appearance and behavior of error bars in a series. |
| ErrorBarSettings | The ErrorBarSettings class provides options to customize the appearance and behavior of error bars in a series. |
| MarkerSettings | This class is used to define the appearance and behavior of the series markers. |
| ParetoOptions | The ParetoOptions class provides a set of properties for configuring the Pareto series. |
| Points | The model that represents how the points in a series are configured and displayed. |
| Series | The Series class is used to configure individual series in a chart. |
| SeriesBase | Defines the common behavior for series and technical indicators. |
| Trendline | Configures the behavior and appearance of trendlines in a chart series. Trendlines indicate trends and the rate of price changes over a period. |
| TechnicalIndicator | Defines how to represent the market trend using technical indicators. |
| LegendSettings | Configures the appearance and behavior of legends in charts. |
| Animation | Configures the animation behavior for the chart series. |
| Border | The Border class provides configuration options for setting the borders in a chart. |
| CenterLabel | Options to customize the center label of the Pie and Donut charts. |
| ChartArea | The ChartArea class provides properties to customize the appearance and layout of the chart’s display area. |
| Connector | The Connector class configures the appearance and properties of connectors in chart controls. |
| ContainerPadding | Configures the padding around the chart legend container. |
| CornerRadius | The CornerRadius class provides options to customize the rounding of the corners for columns in the column series. |
| DragSettings | Configures the drag settings for series in the chart. |
| EmptyPointSettings | This class configures the appearance and behavior of points with empty data in the series. |
| Font | The Font class provides configuration options for customizing the fonts used in the charts. |
| Indexes | Specifies the indexes for the series and data points. |
| Location | Configures the location for the legend and tooltip in the chart. |
| Margin | The Margin class enables configuration of the space around the chart’s content. |
| Offset | The Offset class provides options to adjust the position of the marker relative to its default location. |
| PeriodSelectorSettings | Configures the period selector settings. |
| Periods | Configures the button settings in period selector. |
| titleBorder | Configures the borders of the chart title and subtitle. |
| titleSettings | The titleSettings class provides options to customize the title and subtitle displayed in the chart. |
| Static Functions | Root static functions of Chart Component |
| Anchor | Defines the strip line text position. They are: * Start - Places the strip line text at the start. * Middle - Places the strip line text in the middle. * End - Places the strip line text at the end. |
| AxisPosition | Defines the position of the axis tick and labels. They are: * Inside - Place the ticks or labels inside to the axis line. * Outside - Place the ticks or labels outside to the axis line. |
| BorderType | Defines the border type for multi level labels. They are: * Rectangle - A rectangular border around the labels. * Brace - A brace-style border around the labels. * WithoutBorder - No border around the labels. * WithoutTopBorder - No top border around the labels. * WithoutTopandBottomBorder - No top and bottom borders around the labels. * CurlyBrace - A curly brace-style border around the labels. |
| BoxPlotMode | Defines the box plot mode for box and whisker chart series. They are: * Exclusive - Series render based on exclusive mode. * Inclusive - Series render based on inclusive mode. * Normal - Series render based on normal mode. |
| ChartDrawType | Type of series to be drawn in radar or polar series. They are: * Line - Renders the line series. * Column - Renders the column series. * Area - Renders the area series. * Scatter - Renders the scatter series. * Spline - Renders the spline series. * StackingColumn - Renders the stacking column series. * StackingArea - Renders the stacking area series. * RangeColumn - Renders the range column series. * SplineArea - Renders the spline area series. |
| ChartSeriesType | Defines the type of series in chart. They are: * Line - Renders the line series. * Column - Renders the column series. * Area - Renders the area series. * Pie - Renders the pie series. * Polar - Renders the polar series. * Radar - Renders the radar series. * Bar - Renders the stacking column series * Histogram - Renders the histogram series * StackingColumn - Renders the stacking column series. * StackingArea - Renders the stacking area series. * StackingLine - Renders the stacking line series. * StackingBar - Renders the stacking bar series. * StackingColumn100 - Renders the stacking column series. * StackingArea100 - Renders the stacking area 100 percent series * StackingLine100 - Renders the stacking line 100 percent series. * StackingBar100 - Renders the stacking bar 100 percent series. * StepLine - Renders the step line series. * StepArea - Renders the step area series. * Scatter - Renders the scatter series. * Spline - Renders the spline series * RangeColumn - Renders the rangeColumn series. * Hilo - Renders the hilo series * HiloOpenClose - Renders the HiloOpenClose series * Waterfall - Renders the Waterfall series * RangeArea - Renders the rangeArea series. * RangeStepArea - Renders the rangeStepArea series. * Candle - Renders the candle series. * SplineRangeArea - Renders the splineRangeArea series. * BoxAndWhisker - Renders the Box and whisker series. * MultiColoredLine - Renders the multi color line series. * MultiColoredArea - Renders the multi color area series. * Pareto- Renders the pareto series. |
| ChartShape | Defines the shape of marker. They are: * Circle - Renders a circle. * Rectangle - Renders a rectangle. * Triangle - Renders a triangle. * Diamond - Renders a diamond. * Cross - Renders a cross. * Plus - Renders a Plus. * HorizontalLine - Renders a horizontalLine. * VerticalLine - Renders a verticalLine. * Pentagon- Renders a pentagon. * InvertedTriangle - Renders a invertedTriangle. * Image - Renders a image. |
| DataLabelIntersectAction | Defines the Alignment. They are: * None - Shows all the labels. * Hide - Hide the label when it intersect. * Rotate90 - Rotate the label to 90 degree when it intersect. |
| ErrorBarDirection | Defines the direction of error bar. They are: * Both - Renders the error bar in both directions. * Minus - Renders the error bar in the negative direction. * Plus - Renders the error bar in the positive direction. |
| ErrorBarMode | Defines the modes of error bar. They are: * Vertical - Renders a vertical error bar. * Horizontal - Renders a horizontal error bar. * Both - Renders error bars on both sides. |
| ErrorBarType | Defines the type of the error bar. They are: * Fixed - Renders a fixed type error bar. * Percentage - Renders a percentage type error bar. * StandardDeviation - Renders a standard deviation type error bar. * StandardError -Renders a standard error type error bar. * Custom -Renders a custom type error bar. |
| FadeOutMode | Defines the tooltip fade out mode of the chart. They are: * Click - Used to remove the tooltip on click. * Move - Used to remove the tooltip with some delay. |
| FinancialDataFields | Defines the financial data fields. They are: * High - Represents the highest price in the stocks over time. * Low - Represents the lowest price in the stocks over time. * Open - Represents the opening price in the stocks over time. * Close - Represents the closing price in the stocks over time. |
| LegendMode | Defines the mode of the legend in the chart. They are: * Series - Render legend items based on visible series. * Point - Render legend items based on points. * Range - Render legend items based on range color mapping conditions. * Gradient - Render legend items based on gradient color mapping conditions. |
| LineType | Defines the mode of line in crosshair. They are: * None - Hides both the vertical and horizontal crosshair lines. * Both - Shows both the vertical and horizontal crosshair lines. * Vertical - Shows the vertical line. * Horizontal - Shows the horizontal line. |
| MacdType | Defines the type of MACD indicator. The options are: * Line - Displays only the MACD line and signal line. * Histogram - Displays only the MACD histogram. * Both - Displays the MACD line, signal line, and histogram. |
| Segment | Defines the segment axis. They are: * X - Segment calculation rendered based on the horizontal axis. * Y - Segment calculation rendered based on the vertical axis. |
| SizeType | Defines the unit of strip line size. They are: * Auto - In numeric axis, it will consider a number and DateTime axis, it will consider as milliseconds. * Pixel - The stripline gets their size in pixel. * Year - The stripline size is based on year in the DateTime axis. * Month - The stripline size is based on month in the DateTime axis. * Day - The stripline size is based on day in the DateTime axis. * Hour - The stripline size is based on hour in the DateTime axis. * Minutes - The stripline size is based on minutes in the DateTime axis. * Seconds - The stripline size is based on seconds in the DateTime axis. |
| SplineType | It defines type of spline. They are: * Natural - Used to render a natural spline. * Cardinal - Used to render a cardinal spline. * Clamped - Used to render a clamped spline. * Monotonic - Used to render a monotonic spline. |
| StepPosition | Defines the position for the steps in the step line, step area, and step range area chart types. They are: * Left: Steps start from the left side of the 2nd point. * Center: Steps start between the data points. * Right: Steps start from the right side of the 1st point. |
| TechnicalIndicators | Defines the type of technical indicators. They are: * Sma - Predicts the trend using simple moving average approach. * Ema - Predicts the trend using exponential moving average approach. * Tma - Predicts the trend using triangle moving average approach. * Atr - Predicts the trend using average true range approach. * AccumulationDistribution - Predicts the trend using accumulation distribution approach. * Momentum - Predicts the trend using momentum approach. * Rsi - Predicts the trend using RSI approach. * Macd - Predicts the trend using moving average convergence divergence approach. * Stochastic - Predicts the trend using stochastic approach. * BollingerBands - Predicts the trend using bollinger approach. |
| ToolbarItems | Defines the zooming toolkit. They are: * Zoom - Renders the zoom button. * ZoomIn - Renders the zoomIn button. * ZoomOut - Renders the zoomOut button. * Pan - Renders the pan button. * Reset - Renders the reset button. |
| TooltipPosition | Defines the tooltip position. They are: * Fixed - Place the tooltip in the fixed position. * Nearest- Tooltip moves along with the mouse. |
| TrendlineTypes | Defines the type of trendlines. They are: * Linear - Defines the linear trendline. * Exponential - Defines the exponential trendline. * Polynomial - Defines the polynomial trendline. * Power - Defines the power trendline. * Logarithmic - Defines the logarithmic trendline. * MovingAverage - Defines the moving average trendline. |
| ZIndex | Specifies the order of the strip line. Over |
| ZoomMode | Defines the zooming mode. They are: * X,Y - Chart will be zoomed with respect to both the vertical and horizontal axis. * X - Chart will be zoomed with respect to the horizontal axis. * Y - Chart will be zoomed with respect to the vertical axis. |
| Alignment | Defines the alignment. They are: * Near - Align the element to the left. * Center - Align the element to the center. * Far - Align the element to the right. |
| ChartRangePadding | Defines the range padding of axis. They are: * Auto - Padding Normal is applied for orientation vertical axis and None is applied for orientation horizontal axis. * None - Padding cannot be applied to the axis. * Normal - Padding is applied to the axis based on the range calculation. * Additional - Interval of the axis is added as padding to the minimum and maximum values of the range. * Round - Axis range is rounded to the nearest possible value divided by the interval. |
| ChartTheme | Defines theme of the chart. They are: * Material - Render a chart with Material theme. * Fabric - Render a chart with Fabric theme. * Bootstrap - Render a chart with Bootstrap theme. * HighContrastLight - Render a chart with HighcontrastLight theme. * MaterialDark - Render a chart with MaterialDark theme. * FabricDark - Render a chart with FabricDark theme. * HighContrast - Render a chart with HighContrast theme. * BootstrapDark - Render a chart with BootstrapDark theme. * Bootstrap4 - Render a chart with Bootstrap4 theme. * Tailwind - Render a chart with Tailwind theme. * TailwindDark - Render a chart with TailwindDark theme. * Bootstrap5 - Render a chart with Bootstrap5 theme. * Bootstrap5Dark - Render a chart with Bootstrap5Dark theme. * Fluent - Render a chart with Fluent theme. * FluentDark - Render a chart with FluentDark theme. * Fluent2 - Render a chart with Fluent2 theme. * Fluent2Dark - Render a chart with Fluent2Dark theme. * Material3 - Render a chart with Material3 theme. * Material3Dark - Render a chart with Material3Dark theme. |
| EdgeLabelPlacement | Defines the edge label placement for an axis. They are: * None - No action will be perform. * Hide - Edge label will be hidden. * Shift - Shift the edge labels. |
| EmptyPointMode | Defines the empty point mode of the chart. They are: * Gap - Used to display empty points as space. * Zero - Used to display empty points as zero. * Drop - Used to ignore the empty point while rendering. * Average - Used to display empty points as previous and next point average. |
| ExportType | Defines the export file format. They are: * PNG - Export the chart in PNG format. * JPEG - Export the chart in JPEG format. * SVG - Export the chart in SVG format. * PDF - Export the chart in PDF format. * XLSX - Export the chart data to XLSX. * CSV - Export the chart to CSV. * Print – Prints the chart. |
| FlagType | Flag type for stock events. |
| HighlightMode | Defines the selection mode. They are: * None - Disable the selection. * Series - To select a series. * Point - To select a point. * Cluster - To select a cluster of point. |
| IntervalType | Defines the interval type of datetime axis. They are: * Auto - Define the interval of the axis based on data. * Years - Define the interval of the axis in years. * Months - Define the interval of the axis in months. * Days - Define the interval of the axis in days. * Hours - Define the interval of the axis in hours. * Minutes - Define the interval of the axis in minutes. * Seconds - Define the interval of the axis in seconds. |
| LabelIntersectAction | Defines the alignment. They are: * None - Shows all the labels. * Hide - Hide the label when it intersect. * Trim - Trim the label when it intersect. * Wrap - Wrap the label when it intersect. * MultipleRows - Arrange the label in multiple row when it intersect. * Rotate45 - Rotate the label to 45 degree when it intersect. * Rotate90 - Rotate the label to 90 degree when it intersect. |
| LabelOverflow | Specifies text overflow options when the text overflowing the container. They are: * Ellipsis - Specifies an ellipsis (“…”) to the clipped text. * clip - Specifies to break a word once it is too long to fit on a line by itself. |
| LabelPlacement | Defines the label placement for category axis. They are: * BetweenTicks - Render the label between the ticks. * OnTicks - Render the label on the ticks. |
| LabelPosition | Defines the label position. They are: * Outer - Position the label outside the point. * Top - Position the label on top of the point. * Bottom - Position the label on bottom of the point. * Middle - Position the label to middle of the point. * Auto - Position the label based on series. |
| LegendPosition | Defines the position of the legend. They are: * Auto - Places the legend based on the area type. * Top - Displays the legend on the top of the chart. * Left - Displays the legend on the left of the chart. * Bottom - Displays the legend on the bottom of the chart. * Right - Displays the legend on the right of the chart. * Custom - Displays the legend based on the given x and y value. |
| LegendShape | Defines the shape of legend. 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 - Renders a image. |
| LegendTitlePosition | Defines the position of the legend title. They are: * Top - Align the title to the top. * Left - Align the title to the left. * Right - Align the title to the right. |
| PeriodSelectorPosition | Defines the position of the period selector. They are: * Top: Places the period selector at the top. * Bottom: Places the period selector at the bottom. |
| Position | Defines the Position. They are: * Top - Align the element to the top. * Middle - Align the element to the center. * Bottom - Align the element to the bottom. |
| RangeIntervalType | Defines the interval type of datetime axis. They are: * Auto - Define the interval of the axis based on data. * Quarter - Define the interval of the axis based on data. * Years - Define the interval of the axis in years. * Months - Define the interval of the axis in months. * Weeks - Define the interval of the axis in weeks * Days - Define the interval of the axis in days. * Hours - Define the interval of the axis in hours. * Minutes - Define the interval of the axis in minutes. |
| Regions | Defines regions of an annotation. They are: * Chart - Specifies the chart coordinates. * Series - Specifies the series coordinates. |
| SelectionMode | Defines the selection mode. They are: * None - Disable the selection. * Series - To select a series. * Point - To select a point. * Cluster - To select a cluster of point * DragXY - To select points, by dragging with respect to both horizontal and vertical axis * DragX - To select points, by dragging with respect to horizontal axis. * DragY - To select points, by dragging with respect to vertical axis. * Lasso - To select points, by dragging with respect to free form. |
| SelectionPattern | Highlighting or selecting patterns in chart. They are: * None - Sets none as highlighting or selecting pattern. * Chessboard - Sets chess board as highlighting or selecting pattern. * Dots - Set dots as highlighting or selecting pattern. * DiagonalForward - Sets diagonal forward as highlighting or selecting pattern. * Crosshatch -Sets crosshatch as highlighting or selecting pattern. * Pacman - Sets pacman highlighting or selecting pattern. * Diagonalbackward - Set diagonal backward as highlighting or selecting pattern. * Grid - Set grid as highlighting or selecting pattern. * Turquoise - Sets turquoise as highlighting or selecting pattern. * Star - Sets star as highlighting or selecting pattern. * Triangle - Sets triangle as highlighting or selecting pattern. * Circle - Sets circle as highlighting or selecting pattern. * Tile - Sets tile as highlighting or selecting pattern. * Horizontaldash - Sets horizontal dash as highlighting or selecting pattern. * Verticaldash - Sets vertical dash as highlighting or selecting pattern. * Rectangle - Sets rectangle as highlighting or selecting pattern. * Box - Sets box as highlighting or selecting pattern. * Verticalstripe - Sets vertical stripe as highlighting or selecting pattern. * Horizontalstripe - Sets horizontal stripe as highlighting or selecting pattern. * Bubble - Sets bubble as highlighting or selecting pattern. |
| ShapeType | Defines the shape of the data in columns and bars. They are: * Rectangle - Displays the data in a column and bar chart in a rectangle shape. * Cylinder - Displays the data in a column and bar chart in a cylinder shape. |
| SkeletonType | Defines the skeleton type for the axis. They are: * Date - It formats date only. * DateTime - It formats date and time. * Time - It formats time only. |
| TextAlignment | Defines the alignment of the line break axis labels. They are: * Center - Align the label with center. * Left - Align the label with left. * Right - Align the label with right. |
| TextOverflow | Defines the Text overflow. They are: * None - Shown the chart title with overlap if exceed. * Wrap - Shown the chart title with wrap if exceed. * Trim - Shown the chart title with trim if exceed. |
| TextWrap | Specifies text wrap options when the text overflowing the container. They are: * Normal - Specifies to break words only at allowed break points. * Wrap - Specifies to break a word once it is too long to fit on a line by itself. * AnyWhere - Specifies to break a word at any point if there are no otherwise-acceptable break points in the line. |
| TitlePosition | Defines the position of the title. They are: * Top - Displays the title on the top of chart. * Left - Displays the title on the left of chart. * Bottom - Displays the title on the bottom of chart. * Right - Displays the title on the right of chart. * Custom - Displays the title based on given x and y value. |
| Units | Defines coordinate units of an annotation. They are: * Pixel - Specifies the pixel value. * Point - Specifies the axis value. |
| ValueType | Specifies the data types that the axis can handle. They are: * Double: This type is used for rendering a numeric axis to accommodate numeric data. * DateTime: This type is utilized for rendering a date-time axis to manage date-time data. * Category: This type is employed for rendering a category axis to manage categorical data. * Logarithmic: This type is applied for rendering a logarithmic axis to handle a wide range of values. * DateTimeCategory: This type is used to render a date time category axis for managing business days. |