@syncfusion/ej2-charts
Version:
Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.
570 lines (569 loc) • 19.5 kB
TypeScript
/**
* Defines area type of chart. They are
* * none
* * cartesianAxes
* * polarAxes
*
* @private
*/
export declare type ChartAreaType =
/** Cartesian panel. */
'CartesianAxes' |
/** Polar panel. */
'PolarAxes';
/**
* Defines series type of chart. They are
* * xy
* * highLow
*
* @private
*/
export declare type SeriesValueType =
/** XY value. */
'XY' |
/** HighLow value. */
'HighLow' |
/** HighLowOpenClose value. */
'HighLowOpenClose' |
/** BoxPlot */
'BoxPlot';
/**
* Defines the segment axis. They are:
* * X - Segment calculation rendered based on the horizontal axis.
* * Y - Segment calculation rendered based on the vertical axis.
*/
export declare type Segment =
/** Segment calculation rendered based on horizontal axis */
'X' |
/** Segment calculation rendered based on verticalal axis */
'Y';
/**
* 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.
*/
export declare type SizeType =
/** Auto - In numeric axis, it will consider a number and DateTime axis, it will consider as milliseconds. */
'Auto' |
/** Pixel - The stripline gets their size in pixel */
'Pixel' |
/** Years - The stripline size is based on year in the DateTime axis. */
'Years' |
/** Months - The stripline size is based on month in the DateTime axis. */
'Months' |
/** Days - The stripline size is based on day in the DateTime axis. */
'Days' |
/** Hours - The striplinee size is based on hour in the DateTime axis. */
'Hours' |
/** Minutes - The stripline size is based on minutes in the DateTime axis. */
'Minutes' |
/** Seconds - The stripline size is based on seconds in the DateTime axis. */
'Seconds';
/**
* 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.
*/
export declare type ChartSeriesType =
/** Define the line series. */
'Line' |
/** Define the Column series. */
'Column' |
/** Define the Area series. */
'Area' |
/** Define the Bar series. */
'Bar' |
/** Define the Histogram series. */
'Histogram' |
/** Define the StackingColumn series. */
'StackingColumn' |
/** Define the StackingArea series. */
'StackingArea' |
/** Define the StackingStepArea series. */
'StackingStepArea' |
/** Define the StackingLine series. */
'StackingLine' |
/** Define the StackingBar series. */
'StackingBar' |
/** Define the Stepline series. */
'StepLine' |
/** Define the Steparea series. */
'StepArea' |
/** Define the Steparea series. */
'SplineArea' |
/** Define the Scatter series. */
'Scatter' |
/** Define the Spline series. */
'Spline' |
/** Define the StackingColumn100 series */
'StackingColumn100' |
/** Define the StackingBar100 series */
'StackingBar100' |
/** Define the StackingLine100 series */
'StackingLine100' |
/** Define the StackingArea100 series */
'StackingArea100' |
/** Define the RangeColumn Series */
'RangeColumn' |
/** Define the RangeStepArea Series */
'RangeStepArea' |
/** Define the Hilo Series */
'Hilo' |
/** Define the HiloOpenClose Series */
'HiloOpenClose' |
/** Define the Waterfall Series */
'Waterfall' |
/** Define the RangeArea Series */
'RangeArea' |
/** Define the SplineRangeArea Series */
'SplineRangeArea' |
/** Define the Bubble Series */
'Bubble' |
/** Define the Candle Series */
'Candle' |
/** Define the polar series */
'Polar' |
/** Define the radar series */
'Radar' |
/** Define the Box and whisker Series */
'BoxAndWhisker' |
/** Define the multi color line series */
'MultiColoredLine' |
/** Define the multi color area series */
'MultiColoredArea' |
/** Define the Pareto series */
'Pareto';
/**
* 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.
*/
export declare type ChartDrawType =
/** Define the line series. */
'Line' |
/** Define the Column series. */
'Column' |
/** Define the stacking Column series. */
'StackingColumn' |
/** Define the Area series. */
'Area' |
/** Define the Scatter series. */
'Scatter' |
/** Define the Range column series */
'RangeColumn' |
/** Define the Spline series */
'Spline' |
/** Define the Spline Area series */
'SplineArea' |
/** Define the spline series */
'StackingArea' |
/** Define the Stacking line series */
'StackingLine';
/**
* 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.
*/
export declare type ChartShape =
/** Specifies the shape of the marker as a circle symbol. */
'Circle' |
/** Specifies the shape of the marker as a Rectangle symbol. */
'Rectangle' |
/** Specifies the shape of the marker as a Triangle symbol. */
'Triangle' |
/** Specifies the shape of the marker as a Diamond symbol. */
'Diamond' |
/** Specifies the shape of the marker as a cross symbol. */
'Cross' |
/** Specifies the shape of the marker as a plus symbol. */
'Plus' |
/** Specifies the shape of the marker as a HorizontalLine symbol. */
'HorizontalLine' |
/** Specifies the shape of the marker as a VerticalLine symbol. */
'VerticalLine' |
/** Specifies the shape of the marker as a Pentagon symbol. */
'Pentagon' |
/** Specifies the shape of the marker as a InvertedTriangle symbol. */
'InvertedTriangle' |
/** Specifies the shape of the marker as a Image symbol. */
'Image' |
/** Specifies the shape of the marker as a Star symbol. */
'Star' |
/** Specifies the shape of the marker as a none */
'None';
/**
* 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.
*/
export declare type ErrorBarType =
/** Define the Fixed type. */
'Fixed' |
/** Define the Percentage type. */
'Percentage' |
/** Define the StandardDeviation type . */
'StandardDeviation' |
/** Define the StandardError type . */
'StandardError' |
/** Define the Custom type . */
'Custom';
/**
* 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.
*/
export declare type ErrorBarDirection =
/** Define the Both direction. */
'Both' |
/** Define the Minus direction. */
'Minus' |
/** Define the Plus direction . */
'Plus';
/**
* 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.
*/
export declare type ErrorBarMode =
/** Define the Vertical mode. */
'Vertical' |
/** Define the Horizontal mode. */
'Horizontal' |
/** Define the Both mode . */
'Both';
/**
* 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.
*/
export declare type LineType =
/** Hides both vertical and horizontal crosshair line. */
'None' |
/** Shows both vertical and horizontal crosshair line. */
'Both' |
/** Shows the vertical line. */
'Vertical' |
/** Shows the horizontal line. */
'Horizontal';
/**
* 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.
*/
export declare type MacdType =
/** Displays only the MACD line and signal line. */
'Line' |
/** Displays only the MACD histogram. */
'Histogram' |
/** Displays the MACD line, signal line, and histogram. */
'Both';
/**
* 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.
*/
export declare type ZoomMode =
/** Chart will be zoomed with respect to both vertical and horizontal axis. */
'XY' |
/** Chart will be zoomed with respect to horizontal axis. */
'X' |
/** Chart will be zoomed with respect to vertical axis. */
'Y';
/**
* 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.
*/
export declare type ToolbarItems =
/** Renders the zoom button. */
'Zoom' |
/** Renders the zoomIn button. */
'ZoomIn' |
/** Renders the zoomOut button. */
'ZoomOut' |
/** Renders the pan button. */
'Pan' |
/** Renders the reset button. */
'Reset';
/**
* 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.
*/
export declare type DataLabelIntersectAction =
/** Shows all the labels. */
'None' |
/** Hide the label when it intersect. It is also applicable for polar radar chart */
'Hide' |
/** Rotate the label to 90 degree when it intersect. */
'Rotate90';
/**
* 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.
*/
export declare type AxisPosition =
/** Place the ticks or labels inside to the axis line. */
'Inside' |
/** Place the ticks or labels outside to the axis line. */
'Outside';
/**
* 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.
*/
export declare type ZIndex =
/** Places the strip line over the series elements. */
'Over' |
/** Places the strip line behind the series elements. */
'Behind';
/**
* 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.
*/
export declare type Anchor =
/** Places the strip line text at the start. */
'Start' |
/** Places the strip line text in the middle. */
'Middle' |
/** Places the strip line text at the end. */
'End';
/**
* 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.
*/
export declare type FadeOutMode =
/** Used to remove the tooltip on click */
'Click' |
/** Used to remove the tooltip with some delay */
'Move';
/**
* Defines the tooltip position. They are:
* * Fixed - Place the tooltip in the fixed position.
* * Nearest- Tooltip moves along with the mouse.
*/
export declare type TooltipPosition =
/** Place the tooltip in the fixed position. */
'Fixed' |
/** Tooltip moves along with the mouse. */
'Nearest';
/**
* 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.
*/
export declare type TechnicalIndicators =
/** Predicts the trend using Simple Moving Average approach */
'Sma' |
/** Predicts the trend using Exponential Moving Average approach */
'Ema' |
/** Predicts the trend using Triangle Moving Average approach */
'Tma' |
/** Predicts the trend using Momentum approach */
'Momentum' |
/** Predicts the trend using Average True Range approach */
'Atr' |
/** Predicts the trend using Accumulation Distribution approach */
'AccumulationDistribution' |
/** Predicts the trend using Bollinger approach */
'BollingerBands' |
/** Predicts the trend using Moving Average Convergence Divergence approach */
'Macd' |
/** Predicts the trend using Stochastic approach */
'Stochastic' |
/** Predicts the trend using RSI approach */
'Rsi';
/**
* 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.
*/
export declare type TrendlineTypes =
/** Defines the linear trendline */
'Linear' |
/** Defines the exponential trendline */
'Exponential' |
/** Defines the polynomial trendline */
'Polynomial' |
/** Defines the power trendline */
'Power' |
/** Defines the logarithmic trendline */
'Logarithmic' |
/** Defines the moving average trendline */
'MovingAverage';
/**
* 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.
*/
export declare type FinancialDataFields =
/** Represents the highest price in the stocks over time */
'High' |
/** Represents the lowest price in the stocks over time */
'Low' |
/** Represents the opening price in the stocks over time */
'Open' |
/** Represents the closing price in the stocks over time */
'Close';
/**
* 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.
*/
export declare type SplineType =
/** Used to render natural spline type */
'Natural' |
/** Used to render Monotonicspline */
'Monotonic' |
/** Used to render Cardinal */
'Cardinal' |
/** Used to render Clamped */
'Clamped';
/**
* 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.
*/
export declare type BoxPlotMode =
/** Defines the Exclusive mode. */
'Exclusive' |
/** Defines the InClusive mode. */
'Inclusive' |
/** Defines the Normal mode. */
'Normal';
/**
* 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.
*/
export declare type BorderType =
/** Rectangle */
'Rectangle' |
/** Brace */
'Brace' |
/** WithoutBorder */
'WithoutBorder' |
/** WithoutTopBorder */
'WithoutTopBorder' |
/** WithoutTopandBottomBorder */
'WithoutTopandBottomBorder' |
/** CurlyBrace */
'CurlyBrace';
/**
* 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.
*/
export declare type LegendMode =
/** Render legend items based on visible series */
'Series' |
/** Render legend items based on points */
'Point' |
/** Render legend item based on range color mapping conditions */
'Range' |
/** Render legend items based on range color mapping conditions */
'Gradient';
/**
* 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.
*/
export declare type StepPosition =
/** Steps start from the left side of the 2nd point.*/
'Left' |
/** Steps start from the right side of the 1st point.*/
'Right' |
/** Steps start between the data points.*/
'Center';