Having trouble getting help?
Contact Support
Contact Support
Api in EJ2 TypeScript Chart control
8 May 202324 minutes to read
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. |
|
Chart | Represents the Chart control which is used to visualize the data with user interactivity and provides customizing options to configure the data visually | |
CrosshairSettings | Configures the crosshair 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 chart. | |
LabelBorder | label border properties. | |
MultiLevelCategories | categories for multi level labels | |
MultiLevelLabels | MultiLevelLabels properties | |
StripLineSettings | Strip line properties | |
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. | |
MarkerSettings | Configures the marker in the series. | |
Series | Configures the series in charts. | |
SeriesBase | Defines the common behavior of 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 hiloOpenClose series. |
|
HiloSeries |
HiloSeries module is used to render the hilo series. |
|
HistogramSeries |
HistogramSeries Module used to render the histogram series. |
|
LineBase | Base for line type series. | |
LineSeries |
LineSeries module used to render the line 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. |
|
ScatterSeries |
ScatterSeries module is used to render the scatter series. |
|
SplineAreaSeries |
SplineAreaSeries module used to render the spline area series. |
|
SplineBase | render Line 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. |
|
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 | Technical Analysis 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. |
|
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. | |
Location | Configures the location for the legend. | |
Animation | Configures the animation behavior for chart series. | |
Border | Configures the borders in the chart. | |
ChartArea | Configures the chart area. | |
Connector | Defines the appearance of the connectors | |
CornerRadius | Column series rounded corner options | |
EmptyPointSettings | Configures the Empty Points of series | |
Font | Configures the fonts in charts. | |
Margin | Configures the chart margins. | |
TooltipSettings | Configures the ToolTips in the chart. | |
ScrollBar | Scrollbar Base | |
ScrollElements | Scrollbar elements renderer | |
Static Functions | Root static functions of Sparkline Component | |
Anchor | Defines the strip line text position. * 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. 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 border type for multi level labels. * Rectangle * Brace * WithoutBorder * Without top Border * Without top and bottom border * Curly brace |
|
BoxPlotMode | Defines the BoxPlotMode 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. |
|
ChartRangePadding | Defines the range padding of axis. They are * 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 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 * stackingBar - Renders the stacking bar series. * StackingColumn100 - Renders the stacking column series. * StackingArea100 - Renders the stacking area 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. * Pareto-Render 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. * 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 |
|
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. * 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 both direction of error bar. * minus - Renders minus direction of error bar. * plus - Renders plus direction error bar. |
|
ErrorBarMode | Defines the modes of error bar. They are * vertical - Renders a vertical error bar. * horizontal - Renders a horizontal error bar. * both - Renders both side error bar. |
|
ErrorBarType | Defines the type of 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. |
|
FinancialDataFields | Defines the financial data fields * 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 |
|
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. |
|
LabelIntersectAction | Defines the Alignment. They are * none - Shows all the labels. * hide - Hide the label when it intersect. * rotate45 - Rotate the label to 45 degree when it intersect. * rotate90 - Rotate the label to 90 degree when it intersect. * |
|
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 LabelPosition, 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 area type. * top - Displays the legend on the top of chart. * left - Displays the legend on the left of chart. * bottom - Displays the legend on the bottom of chart. * right - Displays the legend on the right of chart. * custom - Displays the legend based on 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. |
|
LineType | Defines the mode of line in crosshair. They are * none - Hides both vertical and horizontal crosshair line. * both - Shows both vertical and horizontal crosshair line. * vertical - Shows the vertical line. * horizontal - Shows the horizontal line. |
|
Segment | Defines the segment axis. They are, * X - Segment calculation rendered based on horizontal axis * Y - Segment calculation rendered based on vertical axis |
|
SelectionMode | Defines the SelectionMode, 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. |
|
SkeletonType | Defines the skeleton type for the axis. * Date - it formats date only. * DateTime - it formats date and time. * Time - it formats time only. |
|
SplineType | It defines type of spline. Natural - Used to render Natural spline. Cardinal - Used to render cardinal spline. Clamped - Used to render Clamped spline Monotonic - Used to render monotonic spline |
|
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 ZoomingToolkit, 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. |
|
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 |
|
ValueType | Defines the type of axis. They are * double - Renders a numeric axis. * dateTime - Renders a dateTime axis. * category - Renders a category axis. * logarithmic - Renders a log axis. * DateTimeCategory - Renders a datetime DateTimeCategory axis |
|
ZIndex | Specifies the order of the strip line. Over
|
Behind .* Over - Places the strip line over the series elements. * Behind - laces the strip line behind the series elements. |
ZoomMode | Defines the zooming mode, They are. * x,y - Chart will be zoomed with respect to both vertical and horizontal axis. * x - Chart will be zoomed with respect to horizontal axis. * y - Chart will be zoomed with respect to 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. * |
|
ExportType | Defines the export file format. * PNG - export the image file format as png. * JPEG - export the image file format as jpeg. |
|
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. * |
|
Regions | Defines regions of an annotation. They are * Chart * Series |
|
TextOverflow | Defines the Text overflow. * 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. |
|
Units | Defines Coordinate units of an annotation. They are * Pixel * Point |