Search results

Overview API in JavaScript Stock Chart API control

Name Description
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
StockChartLegendSettings Configures the legends in charts.
StockLegend Legend module is used to render legend for the stockchart.
StockChartArea Configures the chart area.
StockChartBorder Border
StockChartRow StockChart row
StockChartStripLineSettings StockChart strip line settings
StockEventsSettings Configures the Stock events for stock chart.
StockMargin Configures the chart margins.
StockSeries Configures the Annotation for chart.
StockChart Stock Chart
IAfterExportEventArgs Interface representing the arguments passed to an event that occurs after exporting data.
IRangeChangeEventArgs Interface for changed events
IStockEventRenderArgs Stock event render event
Static Functions Root static functions of StockChart Component
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.