| Name | Description |
|---|---|
| ChartAnnotation | ChartAnnotation module handles the annotation for chart. |
| Axis | Configures the axes in the chart. |
| AxisLine | Configures the axis line of a chart. |
| Column | Configures the columns of the chart. |
| CrosshairTooltip | Configures the crosshair ToolTip. |
| MajorGridLines | Configures the major grid lines in the axis. |
| MajorTickLines | Configures the major tick lines. |
| MinorGridLines | Configures the minor grid lines in the axis. |
| MinorTickLines | Configures the minor tick lines. |
| Row | Configures the rows of the chart. |
| Category | Category module is used to render category axis. |
| DateTime | DateTime module is used to render datetime axis. |
| DateTimeCategory | Category module is used to render category axis. |
| Logarithmic | Logarithmic module is used to render log axis. |
| MultiLevelLabel | MultiLevelLabel module is used to render the multi level label in chart. |
| PolarRadarPanel | Specifies the polar axis layout. |
| Chart | Represents the chart control. |
| CrosshairSettings | Configures the crosshair in the chart. |
| RangeColorSetting | Configures the range color settings in the chart. |
| ZoomSettings | Configures the zooming behavior for the chart. |
| Legend | Legend module is used to render legend for the chart. |
| ChartAnnotationSettings | Configures the annotation for the chart. |
| LabelBorder | Configures the label border properties. |
| MultiLevelCategories | Categories for multi-level labels. |
| MultiLevelLabels | Specifies the properties for multi-level labels. |
| ScrollbarSettings | Specifies properties for customizing the scrollbar settings in lazy loading. |
| ScrollbarSettingsRange | Specifies the range for the scrollbar settings property. |
| StripLineSettings | Specifies the properties for the strip line. |
| Export | ExportModule module is used to print and export the rendered chart. |
| AreaSeries | AreaSeries module is used to render the area series. |
| BarSeries | BarSeries module is used to render the bar series. |
| BoxAndWhiskerSeries | BoxAndWhiskerSeries module is used to render the box and whisker series. |
| BubbleSeries | BubbleSeries module is used to render the bubble series. |
| CandleSeries | CandleSeries module is used to render the candle series. |
| DataLabelSettings | Configures the data label in the series. |
| ErrorBarCapSettings | Configures Error bar in series. |
| ErrorBarSettings | Configures error bar settings. |
| MarkerSettings | Configures the marker in the series. |
| ParetoOptions | Configures the pareto series. |
| Points | Points model for the series. |
| Series | Configures the series in charts. |
| SeriesBase | Defines the common behavior of both series and technical indicators. |
| Trendline | Defines the behavior of the trendlines. |
| ColumnSeries | ColumnSeries Module used to render the column series. |
| DataLabel | DataLabel module is used to render data label for the data point. |
| ErrorBar | ErrorBar module is used to render the error bar for series. |
| HiloOpenCloseSeries | HiloOpenCloseSeries module is used to render the hilo open close series. |
| HiloSeries | HiloSeries module is used to render the hilo series. |
| HistogramSeries | HistogramSeries module is used to render the histogram series. |
| LineBase | Base for line type series. |
| LineSeries | LineSeries module used to render the line series. |
| Marker | Marker module used to render the marker for line type series. |
| MarkerExplode | Marker Module used to render the marker for line type series. |
| MultiColoredAreaSeries | MultiColoredAreaSeries module used to render the area series with multi color. |
| MultiColoredSeries | Base class for multi colored series. |
| MultiColoredLineSeries | MultiColoredLineSeries used to render the line series with multi color. |
| ParetoSeries | Pareto series module used to render the pareto series. |
| PolarSeries | PolarSeries module is used to render the polar series. |
| RadarSeries | RadarSeries module is used to render the radar series. |
| RangeAreaSeries | RangeAreaSeries module is used to render the range area series. |
| RangeColumnSeries | RangeColumnSeries module is used to render the range column series. |
| RangeStepAreaSeries | RangeStepAreaSeries module is used to render the range step area series. |
| ScatterSeries | ScatterSeries module is used to render the scatter series. |
| SplineAreaSeries | SplineAreaSeries module used to render the spline area series. |
| SplineBase | Base for spline type series. |
| SplineRangeAreaSeries | SplineRangeAreaSeries module is used to render the range area series. |
| SplineSeries | SplineSeries module is used to render the spline series. |
| StackingAreaSeries | StackingAreaSeries module used to render the stacking area series. |
| StackingBarSeries | StackingBarSeries module is used to render the stacking bar series. |
| StackingColumnSeries | StackingColumnSeries module used to render the stacking column series. |
| StackingLineSeries | StackingLineSeries module used to render the stacking line series. |
| StackingStepAreaSeries | StackingStepAreaSeries module used to render the stacking step area series. |
| StepAreaSeries | StepAreaSeries Module used to render the step area series. |
| StepLineSeries | StepLineSeries module is used to render the step line series. |
| WaterfallSeries | WaterfallSeries module is used to render the waterfall series. |
| AccumulationDistributionIndicator | AccumulationDistributionIndicator module is used to render accumulation distribution indicator. |
| AtrIndicator | AtrIndicator module is used to render ATR indicator. |
| BollingerBands | BollingerBands module is used to render bollinger band indicator. |
| EmaIndicator | EmaIndicator module is used to render EMA indicator. |
| TechnicalAnalysis | TechnicalAnalysis is module helps to predict the market trend. |
| MacdIndicator | MacdIndicator module is used to render MACD indicator. |
| MomentumIndicator | MomentumIndicator module is used to render momentum indicator. |
| RsiIndicator | RsiIndicator module is used to render RSI indicator. |
| SmaIndicator | SmaIndicator module is used to render SMA indicator. |
| StochasticIndicator | StochasticIndicator module is used to render stochastic indicator. |
| TechnicalIndicator | Defines how to represent the market trend using technical indicators. |
| TmaIndicator | TmaIndicator module is used to render TMA indicator. |
| Trendlines | Trendline module is used to render 6 types of trendlines in chart. |
| Crosshair | Crosshair module is used to render the crosshair for chart. |
| DataEditing | DataEditing module handles data editing. |
| Tooltip | Tooltip module is used to render the tooltip for chart series. |
| Zoom | Zooming module handles the zooming for chart. |
| AnnotationBase | Annotation module handles the annotation for chart and accumulation series. |
| LegendSettings | Configures the legends in charts. |
| Animation | Configures the animation behavior for chart series. |
| Border | Configures the borders in the chart. |
| CenterLabel | Options to customize the center label of the pie and doughnut chart. |
| ChartArea | Configures the chart area. |
| Connector | Defines the appearance of the connectors. |
| ContainerPadding | Configures the chart legend container padding. |
| CornerRadius | Column series rounded corner options. |
| DragSettings | Configures the drag settings of series. |
| EmptyPointSettings | Configures the empty Points of series |
| Font | Configures the fonts in charts. |
| Indexes | Specifies the indexes of the series and the point. |
| Location | Configures the location for the legend. |
| Margin | Configures the chart margins. |
| Offset | Configures the marker position in the chart. |
| PeriodSelectorSettings | Configures the period selector settings. |
| Periods | Configures the button settings in period selector. |
| TooltipSettings | Configures the tooltips in the chart. |
| titleBorder | Configures the borders in the chart title. |
| titleSettings | Configures the title settings in chart. |
| PeriodSelector | Configures the period selector class. |
| ScrollBar | Configures the scrollbar base. |
| ScrollElements | Scrollbar elements renderer. |
| BaseTooltip | Tooltip module is used to render the tooltip for series. |
| IDataEditingEventArgs | Interface for point drag and drop. |
| IScrollEventArgs | Defines the scroll events. |
| IAfterExportEventArgs | Interface representing the arguments passed to an event that occurs after exporting data. |
| 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. |
| 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. |
| 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 stipline size is based on year in the DateTime axis. * Month - The stipline size is based on month in the DateTime axis. * Day - The stipline size is based on day in the DateTime axis. * Hour - The stipline size is based on hour in the DateTime axis. * Minutes - The stipline size is based on minutes in the DateTime axis. * Seconds - The stipline 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. |