Search results

Overview API in JavaScript Chart API control

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 RangeColorSetting 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
ScrollbarSettings Scrollbar Settings Properties for Lazy Loading
ScrollbarSettingsRange Specifies range for scrollbarSettings property
StripLineSettings Strip line properties
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 Error bar settings
MarkerSettings Configures the marker in the series.
ParetoOptions Configures the pareto in the series.
Points Points model for 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.
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 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 render Line 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 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.
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 Series and point index
Location Configures the location for the legend.
Margin Configures the chart margins.
Offset Configures the marker position in the chart.
PeriodSelectorSettings Period Selector Settings
Periods 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 Period selector class
ScrollBar Scrollbar Base
ScrollElements Scrollbar elements renderer
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.
* 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.
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.
* 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.
* splineRangeArea - Renders the splineRangeArea 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.
* 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.
*
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.
FadeOutMode 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.
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
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
SizeType Defines the unit of Strip line Size. They are
* auto
* pixel
* year
* month
* day
* hour
* minutes
* seconds
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
StepPosition Defines the position for the steps in the step line, step area, and step range area chart types.
* 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 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.
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 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.
*
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.
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.
ExportType Defines the export file format.
* 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 SelectionMode, 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.
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.
*
LabelOverflow Specifies text overflow options when the text overflowing the container
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 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.
* 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 Period selector position
Top
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
* Series
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.
* 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.
* 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.
* 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
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
* Point
ValueType 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.
* 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.