@syncfusion/ej2-pivotview/src/pivotview/model/chartsettings.d.ts

The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table.

import { ChildProperty, EmitType } from '@syncfusion/ej2-base';
import { BorderModel as PivotChartBorderModel, ErrorBarSettingsModel as PivotChartErrorBarSettingsModel, AccumulationLabelPosition, ILegendClickEventArgs } from '@syncfusion/ej2-charts';
import { ChartDrawType, ChartShape, DataLabelSettingsModel as PivotChartDataLabelSettingsModel, ZoomMode } from '@syncfusion/ej2-charts';
import { ErrorBarType, ErrorBarDirection, ErrorBarMode, TrendlineTypes, ToolbarItems, IScrollEventArgs } from '@syncfusion/ej2-charts';
import { EmptyPointMode, TextOverflow, Alignment, ZIndex, Anchor, SizeType, BorderType, LineType } from '@syncfusion/ej2-charts';
import { TrendlineModel as PivotChartTrendlineModel, LegendShape, SplineType, ILegendRenderEventArgs } from '@syncfusion/ej2-charts';
import { AnimationModel as PivotChartAnimationModel, ChartSegmentModel as PivotChartSegmentModel } from '@syncfusion/ej2-charts';
import { EdgeLabelPlacement, LabelPlacement, MajorTickLinesModel as PivotChartMajorTickLinesModel } from '@syncfusion/ej2-charts';
import { MinorGridLinesModel as PivotChartMinorGridLinesModel, AxisLineModel as PivotChartAxisLineModel } from '@syncfusion/ej2-charts';
import { ChartAreaModel as PivotChartAreaModel, IndexesModel as PivotChartIndexesModel, GroupModes } from '@syncfusion/ej2-charts';
import { IResizeEventArgs, IPrintEventArgs, FontModel as PivotChartFontModel, LegendPosition } from '@syncfusion/ej2-charts';
import { ITextRenderEventArgs, IPointRenderEventArgs, ISeriesRenderEventArgs, ITooltipRenderEventArgs } from '@syncfusion/ej2-charts';
import { IMouseEventArgs, IPointEventArgs, EmptyPointSettingsModel as PivotChartEmptyPointSettingsModel } from '@syncfusion/ej2-charts';
import { LabelIntersectAction, ErrorBarCapSettingsModel as PivotChartErrorBarCapSettingsModel, ChartTheme } from '@syncfusion/ej2-charts';
import { CornerRadiusModel as PivotChartCornerRadiusModel, AccumulationSelectionMode, titleSettingsModel } from '@syncfusion/ej2-charts';
import { MajorGridLinesModel as PivotChartMajorGridLinesModel, ConnectorType, PyramidModes } from '@syncfusion/ej2-charts';
import { IAnimationCompleteEventArgs, StripLineSettingsModel as PivotChartStripLineSettingsModel } from '@syncfusion/ej2-charts';
import { CrosshairTooltipModel as PivotChartCrosshairTooltipModel, IZoomCompleteEventArgs } from '@syncfusion/ej2-charts';
import { LocationModel as PivotChartLocationModel, AccEmptyPointMode, MarkerSettingsModel as PivotChartMarkerSettingsModel } from '@syncfusion/ej2-charts';
import { CrosshairSettingsModel as PivotChartCrosshairSettingsModel, IDragCompleteEventArgs } from '@syncfusion/ej2-charts';
import { LabelBorderModel as PivotChartLabelBorderModel, MarginModel as PivotChartMarginModel } from '@syncfusion/ej2-charts';
import { MinorTickLinesModel as PivotChartMinorTickLinesModel, IAxisLabelRenderEventArgs } from '@syncfusion/ej2-charts';
import { Segment, AxisPosition, LegendSettingsModel, ILoadedEventArgs, SelectionPattern } from '@syncfusion/ej2-charts';
import { PivotSeriesModel, PivotAxisModel, PivotTooltipSettingsModel, PivotZoomSettingsModel } from './chartsettings-model';
import { PivotPieChartCenterModel, PivotChartDataLabelModel, PivotChartConnectorStyleModel } from './chartsettings-model';
import { ChartSeriesType, ChartSelectionMode } from '../../common/base/enum';
import { MultiLevelLabelClickEventArgs, MultiLevelLabelRenderEventArgs, OffsetModel as PivotChartOffsetModel } from '../../common/base/interface';
import { LabelPosition, MultipleAxisMode } from '../../common/base/enum';
/**
 * Allows to configure the animation behavior for chart series such as animation duration and delay.
 */
export declare class Animation extends ChildProperty<Animation> {
    /**
     * Allow the chart series gets animated on initial loading.
     *
     * @default true
     */
    enable: boolean;
    /**
     * Allows to set the duration of animation in milliseconds.
     *
     * @default 1000
     */
    duration: number;
    /**
     * Allows to delay the animation of the chart series.
     *
     * @default 0
     */
    delay: number;
}
/**
 * Allows to customize specific region for line type series with a variety of means such as value, color, pattern of dashes.
 */
export declare class ChartSegment extends ChildProperty<ChartSegment> {
    /**
     * Allows to set the starting point of region.
     *
     * @default null
     */
    value: object;
    /**
     * Allows to set the color of a region.
     *
     * @default null
     */
    color: string;
    /**
     * Allows to set the pattern of dashes and gaps to stroke.
     *
     * @default '0'
     */
    dashArray: string;
    /** @private */
    startValue: number;
    /** @private */
    endValue: number;
}
/**
 * Allows to customize the appearance of the text in the chart such as font style, font size, font weight, font color, font family, text alignment, opacity, text overflow.
 */
export declare class Font extends ChildProperty<Font> {
    /**
     * Allows to set the font style to the text in the chart.
     *
     * @default 'Normal'
     */
    fontStyle: string;
    /**
     * Allows to set the font size to the text in the chart.
     *
     * @default '16px'
     */
    size: string;
    /**
     * Allows to set the font weight to the text in the chart.
     *
     * @default 'Normal'
     */
    fontWeight: string;
    /**
     * Allows to set color to the text in the chart.
     *
     * @default ''
     */
    color: string;
    /**
     * Allows to set text alignment in the chart
     *
     * @default 'Center'
     */
    textAlignment: Alignment;
    /**
     * Allows to set font family to the text in the chart.
     *
     * @default 'Segoe UI'
     */
    fontFamily: string;
    /**
     * Allows to set opacity to the text in the chart.
     *
     * @default 1
     */
    opacity: number;
    /**
     * Allows to specify the chart title text overflow
     *
     * @default 'Trim'
     */
    textOverflow: TextOverflow;
}
/**
 * Allow options to customize the left, right, top and bottom margins of the pivot chart.
 */
export declare class Margin extends ChildProperty<Margin> {
    /**
     * Allows to set the left margin in pixels.
     *
     * @default 10
     */
    left: number;
    /**
     * Allows to set the right margin in pixels.
     *
     * @default 10
     */
    right: number;
    /**
     * Allows to set the top margin in pixels.
     *
     * @default 10
     */
    top: number;
    /**
     * Allows to set the bottom margin in pixels.
     *
     * @default 10
     */
    bottom: number;
}
/**
 * Allow options to customize the border of the chart such as color and border size in the pivot chart.
 * For example, to display the chart border color as red, set the properties `color` to either **"red"**
 * or **"#FF0000"** or **"rgba(255,0,0,1.0)"** and `width` to **0.5**.
 */
export declare class Border extends ChildProperty<Border> {
    /**
     * Allows to set the color of the border that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default ''
     */
    color: string;
    /**
     * Allows to set the width of the border in pixels.
     *
     * @default 1
     */
    width: number;
}
/**
 * Allows to configure the position of the marker such as top and left in the chart.
 */
export declare class Offset extends ChildProperty<Offset> {
    /**
     * Allows to set the x(left) value of the marker position
     *
     * @default 0
     */
    x: number;
    /**
     * Allows to set the y(top) value of the marker position
     *
     * @default 0
     */
    y: number;
}
/**
 * Allows you to highlight a specific point of the series while rendering the pivot chart.
 * For example, to highlight first point in the first series, set the properties series to 0 and points to 1. To use this option, it requires the property `selectionMode` to be **Point** or **Series**.
 *
 * @public
 */
export declare class Indexes extends ChildProperty<Indexes> {
    /**
     * Allows to specify the series index
     *
     * @default 0
     * @aspType int
     */
    series: number;
    /**
     * Allows to specify the point index
     *
     * @default 0
     * @aspType int
     */
    point: number;
}
/**
 * Allow options to customize the chart area with a variety of settings such as background color, border, opacity and background image in the pivot chart.
 * For example, to change the of the pivot chart's background, set the property `opacity` to **0.5**.
 */
export declare class ChartArea extends ChildProperty<ChartArea> {
    /**
     * Allows options to customize the border of the chart area.
     */
    border: PivotChartBorderModel;
    /**
     * Allows to set the background of the chart area that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default 'transparent'
     */
    background: string;
    /**
     * Allows to set the opacity to the background of the chart area.
     *
     * @default 1
     */
    opacity: number;
    /**
     * Allows to set the background image of the chart area that accepts value in string as url link or location of an image.
     *
     * @default null
     */
    backgroundImage: string;
}
/**
 * Allow options to customize the crosshair line with different settings such as color and width of the line,
 * line types that are shown horizontally and vertically to indicate the value of the axis at the mouse hover or touch position in the pivot chart.
 */
export declare class CrosshairSettings extends ChildProperty<CrosshairSettings> {
    /**
     * Allows to show the crosshair lines in the chart.
     *
     * @default false
     */
    enable: boolean;
    /**
     * Allows to set the pattern of dashes and gaps to crosshair.
     *
     * @default ''
     */
    dashArray: string;
    /**
     * Allow options to customize the border of the crosshair line such as color and border size in the pivot chart.
     */
    line: PivotChartBorderModel;
    /**
     * Allows to specify the line type of the crosshair. Horizontal mode enables the horizontal line and Vertical mode enables the vertical line. They are,
     * * None: Hides both vertical and horizontal crosshair lines.
     * * Both: Shows both vertical and horizontal crosshair lines.
     * * Vertical: Shows the vertical line.
     * * Horizontal: Shows the horizontal line.
     *
     * @default Both
     */
    lineType: LineType;
}
/**
 * Allows to configure the data label with different settings such as name, fill color, opacity, rotation angle, border, margins, etc in the chart.
 */
export declare class DataLabelSettings extends ChildProperty<DataLabelSettings> {
    /**
     * Allows to set the visibility of data label to the series renders.
     *
     * @default false
     */
    visible: boolean;
    /**
     * Allows to set the data source field that contains the data label value.
     *
     * @default null
     */
    name: string;
    /**
     * Allows to set the background color of the data label accepts value in hex and rgba as a valid CSS color string.
     *
     * @default 'transparent'
     */
    fill: string;
    /**
     * Allows to set the opacity to the background.
     *
     * @default 1
     */
    opacity: number;
    /**
     * Allows to specify the rotation angle to data label.
     *
     * @default 0
     */
    angle: number;
    /**
     * Allows to set whether rotation to data label is enable or not.
     *
     * @default false
     */
    enableRotation: boolean;
    /**
     * Allows to specify the position of the data label. They are,
     * * Outer: Positions the label outside the point.
     * * top: Positions the label on top of the point.
     * * Bottom: Positions the label at the bottom of the point.
     * * Middle: Positions the label to the middle of the point.
     * * Auto: Positions the label based on series.
     *
     * @default 'Auto'
     */
    position: LabelPosition;
    /**
     * Allows to set the roundedCornerX for the data label. It requires `border` values not to be null.
     *
     * @default 5
     */
    rx: number;
    /**
     * Allows to set the roundedCornerY for the data label. It requires `border` values not to be null.
     *
     * @default 5
     */
    ry: number;
    /**
     * Allows to set the alignment for data Label. They are,
     * * Near: Aligns the label to the left of the point.
     * * Center: Aligns the label to the center of the point.
     * * Far: Aligns the label to the right of the point.
     *
     * @default 'Center'
     */
    alignment: Alignment;
    /**
     * Allows option for customizing the border lines.
     */
    border: PivotChartBorderModel;
    /**
     * Allows customize the margin to the data label.
     */
    margin: PivotChartMarginModel;
    /**
     * Allows option for customizing the data label text.
     */
    font: PivotChartFontModel;
    /**
     * Allows custom template to show the data label. Use ${point.x} and ${point.y} as a placeholder
     * text to display the corresponding data point.
     *
     * @default null
     * @aspType string
     */
    template: string | Function;
}
/**
 * Allow options to customize the pie, funnel, doughnut and pyramid chart data label connector.
 */
export declare class PivotChartConnectorStyle extends ChildProperty<PivotChartConnectorStyle> {
    /**
     * specifies the type of the connector line for pie, funnel, doughnut and pyramid chart. They are
     * * curve
     * * Line
     *
     * @default 'Line'
     */
    type: ConnectorType;
    /**
     * Specifies the color of the connector line for pie, funnel, doughnut and pyramid chart.
     *
     * @default null
     */
    color: string;
    /**
     * Width of the connector line in pixels for pie, funnel, doughnut and pyramid chart.
     *
     * @default 1
     */
    width: number;
    /**
     * Length of the connector line in pixels for pie, funnel, doughnut and pyramid chart.
     *
     * @default 'null'
     */
    length: string;
    /**
     * dashArray of the connector line for pie, funnel, doughnut and pyramid chart.
     *
     * @default ''
     */
    dashArray: string;
}
/**
 * Allow options to customize the pie, funnel, doughnut and pyramid chart data label connector.
 */
export declare class PivotChartDataLabel extends ChildProperty<PivotChartDataLabel> {
    /**
     * Allows to set the visibility of data label to the series renders.
     *
     * @default true
     */
    visible: boolean;
    /**
     * Allows to set the border to data labels.
     */
    border: PivotChartBorderModel;
    /**
     * Allows to customize the font of data labels.
     */
    font: PivotChartFontModel;
    /**
     * Allows to set the background color of the data label accepts value in hex and rgba as a valid CSS color string.
     *
     * @default 'transparent'
     */
    fill: string;
    /**
     * Allows to specify the rotation angle to data label.
     *
     * @default 0
     */
    angle: number;
    /**
     * Allows to set whether rotation to data label is enable or not.
     *
     * @default false
     */
    enableRotation: boolean;
    /**
     * Allows to specify the position of the data label. They are,
     * * Outside: Positions the label outside the point.
     * * Inside: Positions the label on top of the point.
     *
     * @default 'Outside'
     */
    position: AccumulationLabelPosition;
    /**
     * Allows to set the roundedCornerX for the data label. It requires `border` values not to be null.
     *
     * @default 5
     */
    rx: number;
    /**
     * Allows to set the roundedCornerY for the data label. It requires `border` values not to be null.
     *
     * @default 5
     */
    ry: number;
    /**
     * Allows custom template to show the data label. Use ${point.x} and ${point.y} as a placeholder
     * text to display the corresponding data point.
     *
     * @default null
     * @aspType string
     */
    template: string | Function;
    /**
     * Allows custom connector of the pie, funnel, pyramid and doughnut chart data label.
     *
     * @default null
     */
    connectorStyle: PivotChartConnectorStyleModel;
}
/**
 *  Allows to configure the marker of the series such as shape, width, height, border, position, fill color, opacity, data label etc in the chart
 */
export declare class MarkerSettings extends ChildProperty<MarkerSettings> {
    /**
     * Allows the visibility of the marker for chart series.
     * > This is applicable only for line and area type series.
     *
     * @default false
     */
    visible: boolean;
    /**
     * Allows to specify the shape of a 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.
     *
     * @default 'Circle'
     */
    shape: ChartShape;
    /**
     * Allows to set the URL for the Image that is to be displayed as a marker.  It requires marker `shape` value to be an `Image`.
     *
     * @default ''
     */
    imageUrl: string;
    /**
     * Allows to set the width of the marker in pixels.
     *
     * @default 5
     */
    width: number;
    /**
     * Allows to set the height of the marker in pixels.
     *
     * @default 5
     */
    height: number;
    /**
     * Allows options for customizing the border of a marker.
     */
    border: PivotChartBorderModel;
    /**
     * Allows options for customizing the marker position.
     */
    offset: PivotChartOffsetModel;
    /**
     *  Allows to set the fill color of the marker that accepts value in hex and rgba as a valid CSS color string.
     *  By default, it will take series' color.
     *
     * @default null
     */
    fill: string;
    /**
     * Allows to set the opacity of the marker.
     *
     * @default 1
     */
    opacity: number;
    /**
     * Allows to set the data label for the series.
     */
    dataLabel: PivotChartDataLabelSettingsModel;
}
/**
 * Allows to configure the error bar cap settings such as cap width, length, color, opacity.
 */
export declare class ErrorBarCapSettings extends ChildProperty<ErrorBarCapSettings> {
    /**
     * Allows to set the width of the error bar in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the length of the error bar in pixels.
     *
     * @default 10
     */
    length: number;
    /**
     *  Allows to set the stroke color of the cap, which accepts value in hex, rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
    /**
     * Allows to set the opacity of the cap.
     *
     * @default 1
     */
    opacity: number;
}
/**
 * Allows options for customize the error bar chart with different settings such as type, direction, mode, color, width, etc.
 *
 * @public
 */
export declare class ErrorBarSettings extends ChildProperty<ErrorBarSettings> {
    /**
     * Allows to set the visibility of the error bar gets rendered.
     *
     * @default false
     */
    visible: boolean;
    /**
     * Allows to set 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.
     *
     * @default 'Fixed'
     */
    type: ErrorBarType;
    /**
     * Allows to set the direction of the error bar . They are
     * * both -  Renders both direction of error bar.
     * * minus - Renders minus direction of error bar.
     * * plus - Renders plus direction error bar.
     *
     * @default 'Both'
     */
    direction: ErrorBarDirection;
    /**
     * Allows to set the mode of the error bar . They are
     * * Vertical -  Renders a vertical error bar.
     * * Horizontal - Renders a horizontal error bar.
     * * Both - Renders both side error bar.
     *
     * @default 'Vertical'
     */
    mode: ErrorBarMode;
    /**
     * Allows to set the vertical error of the error bar.
     *
     * @default 1
     */
    verticalError: number;
    /**
     *  Allows to set the color for stroke of the error bar, which accepts value in hex, rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
    /**
     * Allows to set the stroke width of the error bar.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the horizontal error of the error bar.
     *
     * @default 1
     */
    horizontalError: number;
    /**
     * Allows to set the vertical negative error of the error bar.
     *
     * @default 3
     */
    verticalNegativeError: number;
    /**
     * Allows to set the vertical positive error of the error bar.
     *
     * @default 3
     */
    verticalPositiveError: number;
    /**
     * Allows to set the horizontal negative error of the error bar.
     *
     * @default 1
     */
    horizontalNegativeError: number;
    /**
     * Allows to set the horizontal positive error of the error bar.
     *
     * @default 1
     */
    horizontalPositiveError: number;
    /**
     * Allows options for customizing the cap of the error bar.
     */
    errorBarCap: PivotChartErrorBarCapSettingsModel;
}
/**
 * Allows to configure the trendlines of the chart such as name, period, type, tooltip, marker, animation, color, legend shape, etc.
 */
export declare class Trendline extends ChildProperty<Trendline> {
    /**
     * Allows to set the name of trendline
     *
     * @default ''
     */
    name: string;
    /**
     * Allows to set the pattern of dashes and gaps to stroke.
     *
     * @default '0'
     */
    dashArray: string;
    /**
     * Allows to specify the visibility of trendline.
     *
     * @default true
     */
    visible: boolean;
    /**
     * Allows to set the period, the price changes over which will be considered to predict moving average trend line
     *
     * @default 2
     */
    period: number;
    /**
     * Allows to set the type of the trendline
     *
     * @default 'Linear'
     */
    type: TrendlineTypes;
    /**
     * Allows to set the period, by which the trend has to backward forecast
     *
     * @default 0
     */
    backwardForecast: number;
    /**
     * Allows to set the period, by which the trend has to forward forecast
     *
     * @default 0
     */
    forwardForecast: number;
    /**
     * Allows to set the polynomial order of the polynomial trendline
     *
     * @default 2
     */
    polynomialOrder: number;
    /**
     * Allows options to customize the marker for trendlines
     *

     */
    marker: PivotChartMarkerSettingsModel;
    /**
     * Allows to set the visibility of the tooltip for trendlines
     *
     * @default true
     */
    enableTooltip: boolean;
    /**
     * Allows options to customize the animation for trendlines
     */
    animation: PivotChartAnimationModel;
    /**
     * Allows to set the fill color of trendline
     *
     * @default ''
     */
    fill: string;
    /**
     * Allows to set the width of the trendline
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the intercept of the trendline
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    intercept: number;
    /**
     * Allows to set the legend shape of the trendline
     *
     * @default 'SeriesType'
     */
    legendShape: LegendShape;
}
/**
 * Allows to configure the empty points with a variety of means such as fill color, border and mode in the chart.
 */
export declare class EmptyPointSettings extends ChildProperty<EmptyPointSettings> {
    /**
     * Allows you to customize the fill color of empty points.
     *
     * @default null
     */
    fill: string;
    /**
     * Allows options to customize the border of empty points.
     *
     * @default "{color: 'transparent', width: 0}"
     */
    border: PivotChartBorderModel;
    /**
     * Allows you To customize the mode of empty points.
     *
     * @default Zero
     */
    mode: EmptyPointMode | AccEmptyPointMode;
}
/**
 * Allows to customize the rounded corners of the column series in the chart.
 */
export declare class CornerRadius extends ChildProperty<CornerRadius> {
    /**
     * Allows to set the top left corner radius value
     *
     * @default 0
     */
    topLeft: number;
    /**
     * Allows to set the top right corner radius value
     *
     * @default 0
     */
    topRight: number;
    /**
     * Allows to set the bottom left corner radius value
     *
     * @default 0
     */
    bottomLeft: number;
    /**
     * Allows to set the bottom right corner radius value
     *
     * @default 0
     */
    bottomRight: number;
}
/**
 * Allows to configure the crosshair tooltip with text style and fill color in the chart.
 */
export declare class CrosshairTooltip extends ChildProperty<CrosshairTooltip> {
    /**
     * Allows to set the visibility of the crosshair tooltip.
     *
     *  @default false
     */
    enable: boolean;
    /**
     * Allows to set the fill color of the ToolTip accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    fill: string;
    /**
     * Allows options to customize the crosshair ToolTip text.
     */
    textStyle: PivotChartFontModel;
}
/**
 * Allows to configure the strip line properties such as line position, size, color, size type, border, text and opacity in the chart.
 */
export declare class StripLineSettings extends ChildProperty<StripLineSettings> {
    /**
     * Allows to set the visibility of the strip line for axis to be rendered.
     *
     * @default true
     */
    visible: boolean;
    /**
     *  Allows the strip line to be rendered from axis origin.
     *
     *  @default false
     */
    startFromAxis: boolean;
    /**
     * Allows to set the start value of the strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    start: number | Date;
    /**
     * Allows to set the end value of the strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    end: number | Date;
    /**
     * Allows to set the size of the strip line, when it starts from the origin.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    size: number;
    /**
     * Allows to set the color of the strip line.
     *
     * @default '#808080'
     */
    color: string;
    /**
     * Allows to set the dash array of the strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    dashArray: string;
    /**
     * Allows to set the size type of the strip line
     *
     * @default Auto
     */
    sizeType: SizeType;
    /**
     * Allows to set repeated value of the strip line.
     *
     * @default false
     * @aspDefaultValueIgnore
     */
    isRepeat: boolean;
    /**
     * Allows to set the repeatEvery value of the strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    repeatEvery: number | Date;
    /**
     * Allows to set the repeatUntil value of the strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    repeatUntil: number | Date;
    /**
     * Allows to set the isSegmented value of the strip line
     *
     * @default false
     * @aspDefaultValueIgnore
     */
    isSegmented: boolean;
    /**
     * Allows to set the segmentStart value of the strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    segmentStart: number | Date;
    /**
     * Allows to set the segmentEnd value of the strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    segmentEnd: number | Date;
    /**
     * Allows to set the segmentAxisName of the strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    segmentAxisName: string;
    /**
     * Allows to customize the border of the strip line with different settings such as text, rotation, line alignment, text style and opacity in the chart.
     */
    border: PivotChartBorderModel;
    /**
     * Allows to set the strip line text.
     *
     * @default ''
     */
    text: string;
    /**
     * Allows to set the angle to which the strip line text gets rotated.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    rotation: number;
    /**
     * Allows to set the position of the strip line text horizontally. 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.
     *
     * @default 'Middle'
     */
    horizontalAlignment: Anchor;
    /**
     * Allows to set the position of the strip line text vertically. 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.
     *
     * @default 'Middle'
     */
    verticalAlignment: Anchor;
    /**
     * Allows options to customize the strip line text.
     */
    textStyle: PivotChartFontModel;
    /**
     * Allows to set the order of the strip line. They are,
     * * Behind: Places the strip line behind the series elements.
     * * Over: Places the strip line over the series elements.
     *
     * @default 'Behind'
     */
    zIndex: ZIndex;
    /**
     * Allows to set the opacity of the strip line
     *
     * @default 1
     */
    opacity: number;
}
/**
 * Allows to customize the label border with a variety of means such as label color, width and label type in the chart.
 */
export declare class LabelBorder extends ChildProperty<LabelBorder> {
    /**
     * Allows to set the color of the border that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default ''
     */
    color: string;
    /**
     * Allows to set the width of the border in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the border type for labels
     * * Rectangle
     * * Without Top Border
     * * Without Top and BottomBorder
     * * Without Border
     * * Brace
     * * CurlyBrace
     *
     * @default 'Rectangle'
     */
    type: BorderType;
}
/**
 * Allows to configure the major grid lines such as line width, color and dashArray in the `axis`.
 */
export declare class MajorGridLines extends ChildProperty<MajorGridLines> {
    /**
     * Allows to set the width of the line in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the dash array of the grid lines.
     *
     * @default ''
     */
    dashArray: string;
    /**
     * Allows to set the color of the major grid line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the minor grid lines such as line width, dashArray and color in the `axis`.
 */
export declare class MinorGridLines extends ChildProperty<MinorGridLines> {
    /**
     * Allows to set the width of the line in pixels.
     *
     * @default 0.7
     */
    width: number;
    /**
     * Allows to set the dash array of grid lines.
     *
     * @default ''
     */
    dashArray: string;
    /**
     * Allows to set the color of the minor grid line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the axis line such as line width, dashArray and color in a chart.
 */
export declare class AxisLine extends ChildProperty<AxisLine> {
    /**
     * Allows to set the width of the line in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the dash array of the axis line.
     *
     * @default ''
     */
    dashArray: string;
    /**
     * Allows to set the color of the axis line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the major tick lines such as width, height and color in the chart.
 */
export declare class MajorTickLines extends ChildProperty<MajorTickLines> {
    /**
     * Allows to set the width of the tick lines in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the height of the ticks in pixels.
     *
     * @default 5
     */
    height: number;
    /**
     * Allows to set the color of the major tick line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the minor tick lines such as width, height and color in the chart.
 */
export declare class MinorTickLines extends ChildProperty<MinorTickLines> {
    /**
     * Allows to set the width of the tick line in pixels.
     *
     * @default 0.7
     */
    width: number;
    /**
     * Allows to set the height of the ticks in pixels.
     *
     * @default 5
     */
    height: number;
    /**
     * Allows to set the color of the minor tick line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the position of the legend such as top and left in the chart.
 */
export declare class ChartLocation extends ChildProperty<ChartLocation> {
    /**
     * Allows to set the x(left) value of the legend position
     *
     * @default 0
     */
    x: number;
    /**
     * Allows to set the y(top) value of the legend position
     *
     * @default 0
     */
    y: number;
}
/**
 * Allow options to customize the border of the chart series such as color and border size in the pivot chart.
 * For example, to display the chart series border color as red, set the properties `color` to either **"red"** or **"#FF0000"** or **"rgba(255,0,0,1.0)"** and `width` to **0.5**.
 */
export declare class PivotChartSeriesBorder {
    /**
     * Allows to set the color of the border that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default ''
     */
    color: string;
    /**
     * Allows to set the width of the border in pixels.
     *
     * @default 1
     */
    width: number;
}
/**
 * Allows to configure the animation behavior for chart series such as animation duration and delay.
 */
export declare class PivotChartSeriesAnimation {
    /**
     * Allows to set the visibility of the series to be animated on initial loading.
     *
     * @default true
     */
    enable: boolean;
    /**
     * Allows to set the duration of animation in milliseconds.
     *
     * @default 1000
     */
    duration: number;
    /**
     * Allows to set the option to delay animation of the series.
     *
     * @default 0
     */
    delay: number;
}
/**
 * Allows to customize specific region for line type series with a variety of means such as value, color, pattern of dashes.
 */
export declare class PivotChartSeriesSegment {
    /**
     * Allows to set the starting point of region.
     *
     * @default null
     */
    value: object;
    /**
     * Allows to set the color of a region.
     *
     * @default null
     */
    color: string;
    /**
     * Allows to set the pattern of dashes and gaps to stroke.
     *
     * @default '0'
     */
    dashArray: string;
    /** @private */
    startValue: number;
    /** @private */
    endValue: number;
}
/**
 *  Allows to configure the marker of the series such as shape, width, height, border, position, fill color, opacity, data label etc in the chart
 */
export declare class PivotChartSeriesMarkerSettings {
    /**
     * If set to true the marker for series is rendered. This is applicable only for line and area type series.
     *
     * @default false
     */
    visible: boolean;
    /**
     * Allows to set the different shape of a marker:
     * * circle - Renders the marker shaper as circle.
     * * rectangle - Renders the marker shaper as rectangle.
     * * triangle - Renders the marker shaper as triangle.
     * * diamond - Renders the marker shaper as diamond.
     * * cross - Renders the marker shaper as cross.
     * * horizontalLine - Renders the marker shaper as horizontalLine.
     * * verticalLine - Renders the marker shaper as verticalLine.
     * * pentagon- Renders the marker shaper as pentagon.
     * * invertedTriangle - Renders the marker shaper as invertedTriangle.
     * * image - Renders the marker shaper as image.
     *
     * @default 'Circle'
     */
    shape: ChartShape;
    /**
     * Allows to set the URL for the Image that is to be displayed as a marker.  It requires marker `shape` value to be an `Image`.
     *
     * @default ''
     */
    imageUrl: string;
    /**
     * Allows to set the height of the marker in pixels.
     *
     * @default 5
     */
    height: number;
    /**
     * Allows to set the width of the marker in pixels.
     *
     * @default 5
     */
    width: number;
    /**
     * Allows options for customizing the border of a marker.
     */
    border: PivotChartBorderModel;
    /**
     * Allows to set the fill color of the marker that accepts value in hex and rgba as a valid CSS color string.
     * By default, it will take series' color.
     *
     * @default null
     */
    fill: string;
    /**
     * Allows to set the opacity of the marker.
     *
     * @default 1
     */
    opacity: number;
    /**
     * Allows to set the data label for the series.
     */
    dataLabel: PivotChartDataLabelSettingsModel;
}
/**
 * Allows options for customize the error bar chart series with different settings such as type, direction, mode, color, width, etc.
 */
export declare class PivotChartSeriesErrorSettings {
    /**
     * If set true, error bar for data gets rendered.
     *
     * @default false
     */
    visible: boolean;
    /**
     * Allows to set 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.
     *
     * @default 'Fixed'
     */
    type: ErrorBarType;
    /**
     * Allows to set the direction of the error bar . They are
     * * both -  Renders both direction of error bar.
     * * minus - Renders minus direction of error bar.
     * * plus - Renders plus direction error bar.
     *
     * @default 'Both'
     */
    direction: ErrorBarDirection;
    /**
     * Allows to set the mode of the error bar . They are
     * * Vertical -  Renders a vertical error bar.
     * * Horizontal - Renders a horizontal error bar.
     * * Both - Renders both side error bar.
     *
     * @default 'Vertical'
     */
    mode: ErrorBarMode;
    /**
     *  Allows to set the color for stroke of the error bar, which accepts value in hex, rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
    /**
     * Allows to set the vertical error of the error bar.
     *
     * @default 1
     */
    verticalError: number;
    /**
     * Allows to set the stroke width of the error bar.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the horizontal error of the error bar.
     *
     * @default 1
     */
    horizontalError: number;
    /**
     * Allows to set the vertical positive error of the error bar.
     *
     * @default 3
     */
    verticalPositiveError: number;
    /**
     * Allows to set the vertical negative error of the error bar.
     *
     * @default 3
     */
    verticalNegativeError: number;
    /**
     * Allows to set the horizontal positive error of the error bar.
     *
     * @default 1
     */
    horizontalPositiveError: number;
    /**
     * Allows to set the horizontal negative error of the error bar.
     *
     * @default 1
     */
    horizontalNegativeError: number;
    /**
     * Allows options for customizing the cap of the error bar.
     */
    errorBarCap: PivotChartErrorBarCapSettingsModel;
}
/**
 * Allows to configure the trendlines of the chart series such as name, period, type, tooltip, marker, animation, color, legend shape, etc.
 */
export declare class PivotChartSeriesTrendline {
    /**
     * Allows to set the name of trendline
     *
     * @default ''
     */
    name: string;
    /**
     * Allows to set the type of the trendline
     *
     * @default 'Linear'
     */
    type: TrendlineTypes;
    /**
     * Allows to set the period, the price changes over which will be considered to predict moving average trend line
     *
     * @default 2
     */
    period: number;
    /**
     * Allows to set the polynomial order of the polynomial trendline
     *
     * @default 2
     */
    polynomialOrder: number;
    /**
     * Allows to set the period, by which the trend has to backward forecast
     *
     * @default 0
     */
    backwardForecast: number;
    /**
     * Allows to set the period, by which the trend has to forward forecast
     *
     * @default 0
     */
    forwardForecast: number;
    /**
     * Allows options to customize the animation for trendlines
     */
    animation: PivotChartAnimationModel;
    /**
     * Allows options to customize the marker for trendlines
     */
    marker: PivotChartMarkerSettingsModel;
    /**
     * Enables/disables tooltip for trendlines
     *
     * @default true
     */
    enableTooltip: boolean;
    /**
     * Allows to set the intercept of the trendline
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    intercept: number;
    /**
     * Allows to set the fill color of trendline
     *
     * @default ''
     */
    fill: string;
    /**
     * Allows to set the width of the trendline
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the legend shape of the trendline
     *
     * @default 'SeriesType'
     */
    legendShape: LegendShape;
}
/**
 * Allows to configure the empty points with a variety of means such as fill color, border and mode in the chart.
 */
export declare class PivotChartSeriesEmptyPointSettings {
    /**
     * Allows to customize the fill color of empty points.
     *
     * @default null
     */
    fill: string;
    /**
     * Allows options to customize the border of empty points.
     *
     * @default "{color: 'transparent', width: 0}"
     */
    border: PivotChartBorderModel;
    /**
     * To customize the mode of empty points.
     *
     * @default Zero
     */
    mode: EmptyPointMode | AccEmptyPointMode;
}
/**
 * Allows to customize the rounded corners of the column series in the chart.
 */
export declare class PivotChartSeriesCornerRadius {
    /**
     * Allows to set the top left corner radius value
     *
     * @default 0
     */
    topLeft: number;
    /**
     * Allows to set the top right corner radius value
     *
     * @default 0
     */
    topRight: number;
    /**
     * Allows to set the bottom left corner radius value
     *
     * @default 0
     */
    bottomLeft: number;
    /**
     * Allows to set the bottom right corner radius value
     *
     * @default 0
     */
    bottomRight: number;
}
/**
 * Allows to customize the appearance of the text in the chart such as font style, font size, font weight, font color, font family, text alignment, opacity, text overflow.
 */
export declare class PivotChartAxisFont {
    /**
     * Allows to set the font style for the text.
     *
     * @default 'Normal'
     */
    fontStyle: string;
    /**
     * Allows to set the font size for the text.
     *
     * @default '16px'
     */
    size: string;
    /**
     * Allows to set the font weight for the text.
     *
     * @default 'Normal'
     */
    fontWeight: string;
    /**
     * Allows to set the color for the text.
     *
     * @default ''
     */
    color: string;
    /**
     * Allows to set the text alignment
     *
     * @default 'Center'
     */
    textAlignment: Alignment;
    /**
     * Allows to set the font family for the text.
     */
    fontFamily: string;
    /**
     * Allows to set the opacity for the text.
     *
     * @default 1
     */
    opacity: number;
    /**
     * Allows to set the chart title text overflow
     *
     * @default 'Trim'
     */
    textOverflow: TextOverflow;
}
/**
 * Allows to configure the crosshair tooltip with text style and fill color in the chart.
 */
export declare class PivotChartAxisCrosshairTooltip {
    /**
     * If set to true, crosshair ToolTip will be visible.
     *
     *  @default false
     */
    enable: boolean;
    /**
     * Allows to set the fill color of the ToolTip accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    fill: string;
    /**
     * Allows options to customize the crosshair ToolTip text.
     */
    textStyle: PivotChartFontModel;
}
/**
 * Allows to configure the major tick lines such as width, height and color in the chart.
 */
export declare class PivotChartAxisMajorTickLines {
    /**
     * Allows to set the width of the tick lines in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the height of the ticks in pixels.
     *
     * @default 5
     */
    height: number;
    /**
     * Allows to set the color of the major tick line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the major grid lines such as line width, color and dashArray in the `axis`.
 */
export declare class PivotChartAxisMajorGridLines {
    /**
     * Allows to set the width of the line in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the dash array of the grid lines.
     *
     * @default ''
     */
    dashArray: string;
    /**
     * Allows to set the color of the major grid line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the minor tick lines such as width, height and color in the chart.
 */
export declare class PivotChartAxisMinorTickLines {
    /**
     * Allows to set the width of the tick line in pixels.
     *
     * @default 0.7
     */
    width: number;
    /**
     * Allows to set the height of the ticks in pixels.
     *
     * @default 5
     */
    height: number;
    /**
     * Allows to set the color of the minor tick line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the minor grid lines such as line width, dashArray and color in the `axis`.
 */
export declare class PivotChartAxisMinorGridLines {
    /**
     * Allows to set the width of the line in pixels.
     *
     * @default 0.7
     */
    width: number;
    /**
     * Allows to set the dash array of grid lines.
     *
     * @default ''
     */
    dashArray: string;
    /**
     * Allows to set the color of the minor grid line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the axis line such as line width, dashArray and color in a chart.
 */
export declare class PivotChartAxisAxisLine {
    /**
     * Allows to set the width of the line in pixels.
     *
     * @default 1
     */
    width: number;
    /**
     * Allows to set the dash array of the axis line.
     *
     * @default ''
     */
    dashArray: string;
    /**
     * Allows to set the color of the axis line that accepts value in hex and rgba as a valid CSS color string.
     *
     * @default null
     */
    color: string;
}
/**
 * Allows to configure the strip line properties such as line position, size, color, size type, border, text and opacity in the chart.
 */
export declare class PivotChartAxisStripLineSettings {
    /**
     * If set true, strip line for pivot chart axis renders.
     *
     * @default true
     */
    visible: boolean;
    /**
     *  If set true, strip line get render from  pivot chart axis origin.
     *
     *  @default false
     */
    startFromAxis: boolean;
    /**
     * Allows to set the start value of the pivot chart strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    start: number | Date;
    /**
     * Allows to set the end value of the pivot chart strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    end: number | Date;
    /**
     * Allows to set the size of the pivot chart strip line, when it starts from the origin.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    size: number;
    /**
     * Allows to set the color of the pivot chart strip line.
     *
     * @default '#808080'
     */
    color: string;
    /**
     * Allows to set the dash Array of the pivot chart strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    dashArray: string;
    /**
     * Allows to set the size type of the pivot chart strip line
     *
     * @default Auto
     */
    sizeType: SizeType;
    /**
     * Allows to set the isRepeat value of the pivot chart strip line.
     *
     * @default false
     * @aspDefaultValueIgnore
     */
    isRepeat: boolean;
    /**
     * Allows to set the repeatEvery value of the pivot chart strip line.
     *
     * @default null
     * @aspDefaultValueIgnore
     */
    repeatEvery: number | Date;
    /**
     * Allows to set the repeatU