import { Property, Complex, ChildProperty, Collection, extend, Browser } from '@syncfusion/ej2-base';import { FontModel, BorderModel } from '../../common/model/base-model';import { Font, Border } from '../../common/model/base';import { Orientation, ChartRangePadding, SkeletonType, AxisPosition } from '../utils/enum';import { EdgeLabelPlacement, ValueType, IntervalType, LabelPlacement, LabelIntersectAction } from '../utils/enum';import { rotateTextSize, firstToLowerCase, valueToCoefficient, inside, isBreakLabel, isZoomSet, getTitle } from '../../common/utils/helper';import { Size, Rect, measureText } from '@syncfusion/ej2-svg-base';import { DoubleRange } from '../utils/double-range';import { Chart } from '../chart';import { Series } from '../series/chart-series';import { Double } from '../axis/double-axis';import { DateTime } from '../axis/date-time-axis';import { Category } from '../axis/category-axis';import { DateTimeCategory } from '../axis/date-time-category-axis';import { Theme } from '../../common/model/theme';import { TextAlignment } from '../../common/utils/enum';import { IAxisRangeCalculatedEventArgs } from '../../chart/model/chart-interface';import { axisRangeCalculated } from '../../common/model/constants';import { StripLineSettings, MultiLevelLabels, LabelBorder, ScrollbarSettings } from '../model/chart-base';import { StripLineSettingsModel, MultiLevelLabelsModel, LabelBorderModel, ScrollbarSettingsModel} from '../model/chart-base-model';import { textWrap } from '../../common/utils/helper';import { ScrollBar } from '../../common/scrollbar/scrollbar';import { isNullOrUndefined } from '@syncfusion/ej2-base';
/**
* Interface for a class Row
*/
export interface RowModel {
/**
* The height of the row as a string accept input both as '100px' and '100%'.
* If specified as '100%, row renders to the full height of its chart.
*
* @default '100%'
*/
height?: string;
/**
* Options to customize the border of the rows.
*/
border?: BorderModel;
}
/**
* Interface for a class Column
*/
export interface ColumnModel {
/**
* The width of the column as a string accepts input both as like '100px' or '100%'.
* If specified as '100%, column renders to the full width of its chart.
*
* @default '100%'
*/
width?: string;
/**
* Options to customize the border of the columns.
*/
border?: BorderModel;
}
/**
* Interface for a class MajorGridLines
*/
export interface MajorGridLinesModel {
/**
* The width of the line in pixels.
*
* @default 1
*/
width?: number;
/**
* The dash array of the grid lines.
*
* @default ''
*/
dashArray?: string;
/**
* The color of the major grid line that accepts value in hex and rgba as a valid CSS color string.
*
* @default null
*/
color?: string;
}
/**
* Interface for a class MinorGridLines
*/
export interface MinorGridLinesModel {
/**
* The width of the line in pixels.
*
* @default 0.7
*/
width?: number;
/**
* The dash array of grid lines.
*
* @default ''
*/
dashArray?: string;
/**
* The color of the minor grid line that accepts value in hex and rgba as a valid CSS color string.
*
* @default null
*/
color?: string;
}
/**
* Interface for a class AxisLine
*/
export interface AxisLineModel {
/**
* The width of the line in pixels.
*
* @default 1
*/
width?: number;
/**
* The dash array of the axis line.
*
* @default ''
*/
dashArray?: string;
/**
* The color of the axis line that accepts value in hex and rgba as a valid CSS color string.
*
* @default null
*/
color?: string;
}
/**
* Interface for a class MajorTickLines
*/
export interface MajorTickLinesModel {
/**
* The width of the tick lines in pixels.
*
* @default 1
*/
width?: number;
/**
* The height of the ticks in pixels.
*
* @default 5
*/
height?: number;
/**
* The color of the major tick line that accepts value in hex and rgba as a valid CSS color string.
*
* @default null
*/
color?: string;
}
/**
* Interface for a class MinorTickLines
*/
export interface MinorTickLinesModel {
/**
* The width of the tick line in pixels.
*
* @default 0.7
*/
width?: number;
/**
* The height of the ticks in pixels.
*
* @default 5
*/
height?: number;
/**
* The color of the minor tick line that accepts value in hex and rgba as a valid CSS color string.
*
* @default null
*/
color?: string;
}
/**
* Interface for a class CrosshairTooltip
*/
export interface CrosshairTooltipModel {
/**
* If set to true, crosshair ToolTip will be visible.
*
* @default false
*/
enable?: Boolean;
/**
* The fill color of the ToolTip accepts value in hex and rgba as a valid CSS color string.
*
* @default null
*/
fill?: string;
/**
* Options to customize the crosshair ToolTip text.
*/
textStyle?: FontModel;
}
/**
* Interface for a class Axis
*/
export interface AxisModel {
/**
* Options to customize the axis label.
*/
labelStyle?: FontModel;
/**
* Options to customize the crosshair ToolTip.
*/
crosshairTooltip?: CrosshairTooltipModel;
/**
* Specifies the title of an axis.
*
* @default ''
*/
title?: string;
/**
* Options for customizing the axis title.
*/
titleStyle?: FontModel;
/**
* Used to format the axis label that accepts any global string format like 'C', 'n1', 'P' etc.
* It also accepts placeholder like '{value}°C' in which value represent the axis label, e.g, 20°C.
*
* @default ''
*/
labelFormat?: string;
/**
* Specifies the skeleton format in which the dateTime format will process.
*
* @default ''
*/
skeleton?: string;
/**
* It specifies the type of format to be used in dateTime format process.
*
* @default 'DateTime'
*/
skeletonType?: SkeletonType;
/**
* It specifies alignment of the line break labels.
* @default 'Center'
*/
lineBreakAlignment?: TextAlignment;
/**
* Left and right padding for the plot area in pixels.
*
* @default 0
*/
plotOffset?: number;
/**
* Left padding for the plot area in pixels.
*
* @default null
*/
plotOffsetLeft?: number;
/**
* Top padding for the plot area in pixels.
*
* @default null
*/
plotOffsetTop?: number;
/**
* Right padding for the plot area in pixels.
*
* @default null
*/
plotOffsetRight?: number;
/**
* Bottom padding for the plot area in pixels.
*
* @default null
*/
plotOffsetBottom?: number;
/**
* Specifies indexed category axis.
*
* @default false
*/
isIndexed?: boolean;
/**
* The base value for logarithmic axis. It requires `valueType` to be `Logarithmic`.
*
* @default 10
*/
logBase?: number;
/**
* Specifies the index of the column where the axis is associated,
* when the chart area is divided into multiple plot areas by using `columns`.
* ```html
*
* ```
* ```typescript
* let chart: Chart = new Chart({
* ...
* columns: [{ width: '50%' },
* { width: '50%' }],
* axes: [{
* name: 'xAxis 1',
* columnIndex: 1,
* }],
* ...
* });
* chart.appendTo('#Chart');
* ```
*
* @default 0
*/
columnIndex?: number;
/**
* Specifies the index of the row where the axis is associated, when the chart area is divided into multiple plot areas by using `rows`.
* ```html
*
* ```
* ```typescript
* let chart: Chart = new Chart({
* ...
* rows: [{ height: '50%' },
* { height: '50%' }],
* axes: [{
* name: 'yAxis 1',
* rowIndex: 1,
* }],
* ...
* });
* chart.appendTo('#Chart');
* ```
*
* @default 0
*/
rowIndex?: number;
/**
* Specifies the number of `columns` or `rows` an axis has to span horizontally or vertically.
*
* @default 1
*/
span?: number;
/**
* With this property, you can request axis to calculate intervals approximately equal to your specified interval.
*
* @default null
* @aspDefaultValueIgnore
*/
desiredIntervals?: number;
/**
* The maximum number of label count per 100 pixels with respect to the axis length.
*
* @default 3
*/
maximumLabels?: number;
/**
* The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
*
* @default 1
*/
zoomFactor?: number;
/**
* Position of the zoomed axis. Value ranges from 0 to 1.
*
* @default 0
*/
zoomPosition?: number;
/**
* Enables the scrollbar for zooming.
*
* @default true
*/
enableScrollbarOnZooming?: boolean;
/**
* If set to true, the axis will render at the opposite side of its default position.
*
* @default false
*/
opposedPosition?: boolean;
/**
* If set to true, axis interval will be calculated automatically with respect to the zoomed range.
*
* @default true
*/
enableAutoIntervalOnZooming?: boolean;
/**
* Specifies the padding for the axis range in terms of interval.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.
*
* @default 'Auto'
*/
rangePadding?: ChartRangePadding;
/**
* Specifies the type of data the axis is handling.
* * Double: Renders a numeric axis.
* * DateTime: Renders a dateTime axis.
* * Category: Renders a category axis.
* * Logarithmic: Renders a log axis.
*
* @default 'Double'
* @blazorType Syncfusion.EJ2.Blazor.Charts.ValueType
* @isEnumeration true
*/
valueType?: ValueType;
/**
* Specifies the position of labels at the edge of the axis.They are,
* * None: No action will be performed.
* * Hide: Edge label will be hidden.
* * Shift: Shifts the edge labels.
*
* @default 'None'
*/
edgeLabelPlacement?: EdgeLabelPlacement;
/**
* Specifies the types like `Years`, `Months`, `Days`, `Hours`, `Minutes`, `Seconds` in date time axis.They are,
* * Auto: Defines the interval of the axis based on data.
* * Years: Defines the interval of the axis in years.
* * Months: Defines the interval of the axis in months.
* * Days: Defines the interval of the axis in days.
* * Hours: Defines the interval of the axis in hours.
* * Minutes: Defines the interval of the axis in minutes.
*
* @default 'Auto'
*/
intervalType?: IntervalType;
/**
* Specifies the placement of a label for category axis. They are,
* * betweenTicks: Renders the label between the ticks.
* * onTicks: Renders the label on the ticks.
*
* @default 'BetweenTicks'
*/
labelPlacement?: LabelPlacement;
/**
* Specifies the placement of a ticks to the axis line. They are,
* * inside: Renders the ticks inside to the axis line.
* * outside: Renders the ticks outside to the axis line.
*
* @default 'Outside'
*/
tickPosition?: AxisPosition;
/**
* Specifies the placement of a labels to the axis line. They are,
* * inside: Renders the labels inside to the axis line.
* * outside: Renders the labels outside to the axis line.
*
* @default 'Outside'
*/
labelPosition?: AxisPosition;
/**
* Unique identifier of an axis.
* To associate an axis with the series, set this name to the xAxisName/yAxisName properties of the series.
*
* @default ''
*/
name?: string;
/**
* If set to true, axis label will be visible.
*
* @default true
*/
visible?: boolean;
/**
* Specifies the number of minor ticks per interval.
*
* @default 0
*/
minorTicksPerInterval?: number;
/**
* The angle to which the axis label gets rotated.
*
* @default 0
*/
labelRotation?: number;
/**
* Defines an angle to rotate axis title. By default, angle auto calculated based on position and orientation of axis.
*
* @default null
*/
titleRotation?: number;
/**
* Specifies the value at which the axis line has to be intersect with the vertical axis or vice versa.
*
* @default null
*/
crossesAt?: Object;
/**
* Specifies whether axis elements like axis labels, axis title, etc has to be crossed with axis line.
*
* @default true
*/
placeNextToAxisLine?: boolean;
/**
* Specifies axis name with which the axis line has to be crossed.
*
* @default null
*/
crossesInAxis?: string;
/**
* Specifies the minimum range of an axis.
*
* @default null
*/
minimum?: Object;
/**
* Specifies the maximum range of an axis.
*
* @default null
*/
maximum?: Object;
/**
* Specifies the interval for an axis.
*
* @default null
* @aspDefaultValueIgnore
*/
interval?: number;
/**
* Specifies the maximum width of an axis label.
*
* @default 34.
*/
maximumLabelWidth?: number;
/**
* Specifies the Trim property for an axis.
*
* @default false
*/
enableTrim?: boolean;
/**
* Specifies the labelPadding from axis.
*
* @default 5
*/
labelPadding?: number;
/**
* Specifies the titlePadding from axis label.
*
* @default 5
*/
titlePadding?: number;
/**
* Options for customizing major tick lines.
*/
majorTickLines?: MajorTickLinesModel;
/**
* Options for customizing minor tick lines.
*/
minorTickLines?: MinorTickLinesModel;
/**
* Options for customizing major grid lines.
*/
majorGridLines?: MajorGridLinesModel;
/**
* Options for customizing minor grid lines.
*/
minorGridLines?: MinorGridLinesModel;
/**
* Options for customizing axis lines.
*/
lineStyle?: AxisLineModel;
/**
* Specifies the actions like `None`, `Hide`, `Trim`, `Wrap`, `MultipleRows`, `Rotate45`, and `Rotate90`
* when the axis labels intersect with each other.They are,
* * None: Shows all the labels.
* * Hide: Hides the label when it intersects.
* * Trim: Trim the label when it intersects.
* * Wrap: Wrap the label when it intersects.
* * MultipleRows: Shows the label in MultipleRows when it intersects.
* * Rotate45: Rotates the label to 45 degree when it intersects.
* * Rotate90: Rotates the label to 90 degree when it intersects.
*
* @default Trim
*/
labelIntersectAction?: LabelIntersectAction;
/**
* It specifies whether the axis to be rendered in inversed manner or not.
*
* @default false
*/
isInversed?: boolean;
/**
* The polar radar radius position.
*
* @default 100
*/
coefficient?: number;
/**
* The start angle for the series.
*
* @default 0
*/
startAngle?: number;
/**
* It specifies whether the axis to be start from zero.
*
* @default true
*/
startFromZero?: boolean;
/**
* Description for axis and its element.
*
* @default null
*/
description?: string;
/**
* TabIndex value for the axis.
*
* @default 2
*/
tabIndex?: number;
/**
* Specifies the stripLine collection for the axis.
*/
stripLines?: StripLineSettingsModel[];
/**
* Specifies the multi level labels collection for the axis.
*/
multiLevelLabels?: MultiLevelLabelsModel[];
/**
* Border of the multi level labels.
*/
border?: LabelBorderModel;
/**
* Option to customize scrollbar with lazy loading.
*/
scrollbarSettings?: ScrollbarSettingsModel;
}
/**
* Interface for a class VisibleLabels
* @private
*/
export interface VisibleLabelsModel {
}