Namespace Syncfusion.EJ2.Charts
Classes
Enums
| AccumulationHighlightMode
Specifies whether a data point should be highlighted. The options are: None - Disable the Highlight. Point - To highlight a point. |
| AccumulationLabelPosition
Defines the AccumulationLabelPosition. They are: Inside - Define the data label position for the accumulation series Inside. Outside - Define the data label position for the accumulation series Outside. |
| AccumulationSelectionMode
Defines the SelectionMode, They are: None - Disable the selection. Point - To select a point. |
| AccumulationTheme
Defines the theme of the accumulation chart. They are: Material - Render a accumulation chart with Material theme. Fabric - Render a accumulation chart with Fabric theme. Bootstrap - Render a accumulation chart with Bootstrap theme. HighContrastLight - Render a accumulation chart with HighcontrastLight theme. MaterialDark - Render a accumulation chart with MaterialDark theme. FabricDark - Render a accumulation chart with FabricDark theme. HighContrast - Render a accumulation chart with HighContrast theme. BootstrapDark - Render a accumulation chart with BootstrapDark theme. Bootstrap4 - Render a accumulation chart with Bootstrap4 theme. Tailwind - Render a accumulation chart with Tailwind theme. TailwindDark - Render a accumulation chart with TailwindDark theme. Bootstrap5 - Render a accumulation chart with Bootstrap5 theme. Bootstrap5Dark - Render a accumulation chart with Bootstrap5Dark theme. Fluent - Render a accumulation chart with Fluent theme. FluentDark - Render a accumulation chart with FluentDark theme. Fluent2 - Render a accumulation chart with Fluent2 theme. Fluent2Dark - Render a accumulation chart with Fluent2Dark theme. Material3 - Render a accumulation chart with Material3 theme. Material3Dark - Render a accumulation chart with Material3Dark theme. |
| AccumulationType
Defines the Accumulation Chart series type. Pie - Accumulation chart Pie series type. Funnel - Accumulation chart Funnel series type. Pyramid - Accumulation chart Pyramid series type. |
| 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. |
| 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. |
| AxisLabelPosition
Defines the position of axis labels. They are: Outside - Render the axis label with position outside the axis. Inside - Render the axis label with position inside the axis. |
| 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. |
| Chart3DDataLabelPosition
Defines the LabelPosition, They are. 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. |
| Chart3DFadeOutMode
Defines the tooltip fade out mode of the chart. Click - Used to remove the tooltip on click. Move - Used to remove the tooltip with some delay. |
| Chart3DLegendMode
Defines the mode for rendering legend items. Series - Render legend items based on visible series. Point - Render legend items based on points. |
| Chart3DSelectionMode
Defines the 3D chart SelectionMode, They are. none - Disable the selection. series - To select a series. point - To select a point. cluster - To select a cluster of point. |
| Chart3DSeriesType
Defines the type series in 3D chart. They are column - Renders the column series. bar - Renders the stacking column series stackingColumn - Renders the stacking column series. stackingBar - Renders the stacking bar series. StackingColumn100 - Renders the stacking column series. StackingBar100 - Renders the stacking bar 100 percent series. |
| 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. |
| 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. |
| 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. |
| 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. |
| CircularChart3DHighlightMode
Defines the HighlightMode. Options are: None - Disable the highlight. Point - Highlights a point. |
| CircularChart3DLabelPosition
Defines the Circular 3D data label positions. They can be: 'Inside': Define the data label position inside the circular 3D series. 'Outside': Define the data label position outside the circular 3D series. |
| CircularChart3DSelectionMode
Defines the SelectionMode. Options are: None - Disable the selection. Point - Selects a point. |
| CircularChart3DTheme
Defines the themes for the circular 3D chart. |
| ColorType
Defines the possible color application modes for links in a Sankey chart.
Available options are:
|
| ConnectorType
Defines the type of connector lines in an accumulation series. The options are: Line - Accumulation series Connector line type as Straight line. Curve - Accumulation series Connector line type as Curved line. |
| 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. |
| EdgeLabelMode
Defines edge data label placement for datalabel, if exceeds the sparkline area horizontally. None - Edge data label shown as clipped text. Shift - Edge data label moved inside the sparkline area. Hide - Edge data label will hide, if exceeds the sparkline area. |
| 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. |
| 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. |
| FeatureType
It defines flow direction of the bullet chart. Forward Backward |
| 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. |
| FlagType
Flag type for stock events. |
| FunnelModes
Specifies the available modes for rendering a funnel chart. |
| GroupModes
Defines the mode of the group. Point - When choosing points, the selected points get grouped. Value - When choosing values, the points which less then values get grouped. |
| 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. |
| LabelAlignment
Label alignment of the axis Near Middle Far |
| 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. |
| LabelsPlacement
It defines label placement of bullet chart. Outside Inside |
| LegendLayout
Defines how the legend items are arranged. The available options are: |
| 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. |
| 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. |
| 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. |
| NavigatorPlacement
Defines the Label Placement for axis. They are betweenTicks - Render the label between the ticks. onTicks - Render the label on the ticks. auto - Render the label between or on the ticks based on data. |
| Orientation
Defines Orientation of axis. They are horizontal vertical |
| OrientationType
It defines orientation of the bullet chart. horizontal vertical |
| 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. |
| PyramidModes
Defines the mode of the pyramid. Linear - Height of the pyramid segments reflects the values. Surface - Surface/Area of the pyramid segments reflects the values. |
| 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. |
| RangeLabelIntersectAction
Defines the intersect action. They are none - Shows all the labels. hide - Hide the label when it intersect. |
| RangeNavigatorType
It defines type of series in the range navigator. line column area |
| RangeValueType
Specifies the data types that the axis can handle: 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. 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. |
| Regions
Defines regions of an annotation. They are: Chart - Specifies the chart coordinates. Series - Specifies the series coordinates. |
| RenderType
Defines render type of smithchart. They are Impedance - Render a smithchart with Impedance type. Admittance - Render a smithchart with Admittance type. |
| SankeyTooltipFadeOutMode
Defines the possible fade-out behaviors for Sankey tooltips. |
| ScrollbarPosition
Defines the possible positions for the scrollbar in a chart.
Available options are:
|
| 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. |
| 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. |
| 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. |
| 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. |
| SmithchartAlignment
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. |
| SmithchartLabelIntersectAction
Defines actions for handling overlapping labels in a smith chart. They are: Hide - Hide the overlapped axis label. None - Render all axis labels, even if they overlap. |
| SmithchartTheme
Defines Theme of the smithchart. They are Material - Render a smithchart with Material theme. Fabric - Render a smithchart with Fabric theme. |
| SparklineRangePadding
Defines the range padding of series.
|
| SparklineTheme
Defines Theme of the sparkline. They are: Material - Render a sparkline with Material theme. Fabric - Render a sparkline with Fabric theme. Bootstrap - Render a sparkline with Bootstrap theme. HighContrast - Render a sparkline with HighContrast theme. Dark - Render a sparkline with Dark theme. |
| SparklineType
Specifies the sparkline types.
|
| SparklineValueType
Specifies the sparkline data value types.
|
| 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. |
| 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. |
| TextPosition
It defines Text anchor of bullet chart. Left Right Top Bottom |
| 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. |
| ThumbType
It defines type of thump in the range navigator. circle rectangle |
| TickPosition
It defines tick placement of bullet chart. Outside Inside |
| 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. |
| TooltipDisplayMode
It defines display mode for the range navigator tooltip. always OnDemand |
| 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. |
| 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. |
| ZIndex
Specifies the order of the strip line. |
| 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. |