UNPKG

jqwidgets-scripts

Version:

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

361 lines (360 loc) 12.8 kB
import * as React from 'react'; declare class JqxChart extends React.PureComponent<IChartProps, IState> { protected static getDerivedStateFromProps(props: IChartProps, state: IState): null | IState; private _jqx; private _id; private _componentSelector; constructor(props: IChartProps); componentDidMount(): void; componentDidUpdate(): void; render(): React.ReactNode; setOptions(options: IChartProps): void; getOptions(option: string): any; getInstance(): any; refresh(): void; update(): void; destroy(): void; addColorScheme(schemeName?: string, colors?: string[]): void; removeColorScheme(schemeName?: string): void; getItemsCount(groupIndex?: number, serieIndex?: number): number; getItemCoord(groupIndex?: number, serieIndex?: number, itemIndex?: number): any; getXAxisRect(groupIndex?: number): IChartRect; getXAxisLabels(groupIndex?: number): any[]; getValueAxisRect(groupIndex?: number): IChartRect; getValueAxisLabels(groupIndex?: number): any[]; getColorScheme(colorScheme?: string): string[]; hideSerie(groupIndex?: number, serieIndex?: number, itemIndex?: number): void; showSerie(groupIndex?: number, serieIndex?: number, itemIndex?: number): void; hideToolTip(hideDelay?: number): void; showToolTip(groupIndex?: number, serieIndex?: number, itemIndex?: number, showDelay?: number, hideDelay?: number): void; saveAsJPEG(fileName?: string, exportServerUrl?: string): void; saveAsPNG(fileName?: string, exportServerUrl?: string): void; saveAsPDF(fileName?: string, exportServerUrl?: string): void; getXAxisValue(offset?: number, groupIndex?: number): any; getValueAxisValue(offset?: number, groupIndex?: number): any; private _manageProps; private _wireEvents; } export default JqxChart; export declare const jqx: any; export declare const JQXLite: any; interface IState { lastProps: object; } export interface IChartDraw { renderer?: object; rect?: object; } export interface IChartDrawBefore { renderer?: object; rect?: object; } export interface IChartOffset { x?: number; y?: number; } export interface IChartRect { x?: number; y?: number; width?: number | string; height?: number | string; } export interface IChartPadding { left?: number; right?: number; top?: number; bottom?: number; } export interface IChartTickMarks { visible?: any; color?: string; step?: number; dashStyle?: string; lineWidth?: number; size?: number | string; interval?: any; custom?: IChartCustomOffset[]; } export interface IChartGridLines { visible?: any; color?: string; step?: number; dashStyle?: string; lineWidth?: number; interval?: any; custom?: IChartCustomOffset[]; } export interface IChartAxisLine { visible?: any; color?: string; dashStyle?: string; lineWidth?: number; } export interface IChartCustomOffset { value?: any; offset?: number; } export interface IChartAxisLabels { visible?: any; class?: string; step?: number; angle?: number; rotationPoint?: 'topleft' | 'middleleft' | 'bottomleft' | 'topcenter' | 'middlecenter' | 'bottomcenter' | 'topright' | 'middleright' | 'bottomright'; horizontalAlignment?: 'left' | 'center' | 'right'; verticalAlignment?: 'top' | 'middle' | 'bottom'; offset?: IChartOffset; custom?: IChartCustomOffset[]; formatSettings?: IChartFormatSettings; formatFunction?: (value: any, itemIndex?: number, serieIndex?: number, groupIndex?: number, xAxisValue?: any, xAxis?: IChartXAxis) => string; autoRotate?: boolean; } export interface IChartFormatSettings { prefix?: string; sufix?: string; decimalSeparator?: string; thousandsSeparator?: string; decimalPlaces?: number; negativeWithBrackets?: boolean; dateFormat?: string; } export interface IChartSeriesLabels { visible?: boolean; class?: string; angle?: number; horizontalAlignment?: 'left' | 'center' | 'right'; verticalAlignment?: 'top' | 'middle' | 'bottom'; offset?: IChartOffset; backgroundColor?: string; backgroundOpacity?: number; borderColor?: string; borderOpacity?: number; padding?: IChartPadding; linesEnabled?: boolean; linesAngles?: boolean; autoRotate?: boolean; radius?: any; } export interface IChartAxisTitle { visible?: boolean; text?: string; class?: string; horizontalAlignment?: 'left' | 'center' | 'right'; verticalAlignment?: 'top' | 'middle' | 'bottom'; angle?: number; rotationPoint?: 'topleft' | 'middleleft' | 'bottomleft' | 'topcenter' | 'middlecenter' | 'bottomcenter' | 'topright' | 'middleright' | 'bottomright'; offset?: IChartOffset; } export interface IChartColorBand { minValue?: number; maxValue?: number; fillColor?: string; opacity?: number; lineColor?: string; lineWidth?: number; dashStyle?: string; } export interface IChartXAxis { visible?: boolean; unitInterval?: number; dataField?: string; displayText?: string; type?: 'default' | 'date' | 'basic'; baseUnit?: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'millisecond'; valuesOnTicks?: boolean; dateFormat?: string; axisSize?: number | string; customDraw?: boolean; flip?: boolean; position?: 'left' | 'top' | 'right' | 'bottom'; padding?: IChartPadding; title?: IChartAxisTitle; tickMarks?: IChartTickMarks; gridLines?: IChartGridLines; line?: IChartAxisLine; labels?: IChartAxisLabels; logarithmicScale?: boolean; logarithmicScaleBase?: number; minValue?: any; maxValue?: any; bands?: IChartColorBand[]; alternatingBackgroundColor?: string; alternatingBackgroundColor2?: string; alternatingBackgroundOpacity?: number; formatSettings?: any; formatFunction?: any; toolTipFormatSettings?: IChartFormatSettings; toolTipFormatFunction?: any; rangeSelector?: any; textRotationAngle?: number; } export interface IChartSerie { dataField?: string; displayText?: string; dataFieldFrom?: string; displayTextFrom?: string; dataFieldTo?: string; displayTextTo?: string; dataFieldOpen?: string; displayTextOpen?: string; dataFieldLow?: string; displayTextLow?: string; dataFieldHigh?: string; displayTextHigh?: string; dataFieldClose?: string; displayTextClose?: string; lineWidth?: number; dashStyle?: string; symbolType?: 'none' | 'circle' | 'square' | 'diamond' | 'triangle_up' | 'triangle_down' | 'triangle_left' | 'triangle_right'; symbolSize?: number; symbolSizeSelected?: number; emptyPointsDisplay?: 'skip' | 'connect' | 'zero'; linesUnselectMode?: 'default' | 'click'; opacity?: number; useGradientColors?: boolean; greyScale?: boolean; lineColor?: string; lineColorSelected?: string; fillColor?: string; fillColorSelected?: string; lineColorSymbol?: string; lineColorSymbolSelected?: string; fillColorSymbol?: string; fillColorSymbolSelected?: string; fillColorAlt?: string; fillColorAltSelected?: string; colorFunction?: (dataValue: any, itemIndex?: number, serie?: any, group?: any) => any; labels?: IChartSeriesLabels; formatSettings?: IChartFormatSettings; formatFunction?: (value: any, itemIndex?: number, serieIndex?: number, groupIndex?: number, xAxisValue?: any, xAxis?: IChartXAxis) => string; legendFormatSettings?: IChartFormatSettings; legendFormatFunction?: (value: any, itemIndex?: number, serieIndex?: number, groupIndex?: number, xAxisValue?: any, xAxis?: IChartXAxis) => string; legendLineColor?: string; legnedFillColor?: string; toolTipFormatSettings?: IChartFormatSettings; toolTipFormatFunction?: (value: any, itemIndex?: number, serieIndex?: number, groupIndex?: number, xAxisValue?: any, xAxis?: IChartXAxis) => string; toolTipLineColor?: string; toolTipBackground?: string; toolTipClass?: string; radius?: any; innerRadius?: any; startAngle?: number; endAngle?: number; offsetX?: number; offsetY?: number; hiddenPointsDisplay?: boolean; enableSeriesToggle?: boolean; enableSelection?: boolean; radiusDataField?: string; minRadius?: any; maxRadius?: any; summary?: string; labelRadius?: any; initialAngle?: number; centerOffset?: number; } export interface IChartValueAxis { visible?: boolean; flip?: boolean; position?: 'left' | 'top' | 'right' | 'bottom'; axisSize?: number | string; minValue?: number; maxValue?: number; baselineValue?: number; logarithmicScale?: boolean; logarithmicScaleBase?: number; valuesOnTicks?: boolean; unitInterval?: number; title?: IChartAxisTitle; labels?: IChartAxisLabels; gridLines?: IChartGridLines; tickMarks?: IChartTickMarks; padding?: IChartPadding; bands?: IChartColorBand[]; alternatingBackgroundColor?: string; alternatingBackgroundColor2?: string; alternatingBackgroundOpacity?: number; toolTipFormatSettings?: IChartFormatSettings; formatFunction?: any; } export interface IChartSeriesGroup { type?: 'line' | 'stackedline' | 'stackedline100' | 'spline' | 'stackedspline' | 'stackedspline100' | 'stepline' | 'stackedstepline' | 'stackedstepline100' | 'area' | 'stackedarea' | 'stackedarea100' | 'splinearea' | 'stackedsplinearea' | 'stackedsplinearea100' | 'steparea' | 'stackedsteparea' | 'stackedsteparea100' | 'rangearea' | 'splinerangearea' | 'steprangearea' | 'column' | 'stackedcolumn' | 'stackedcolumn100' | 'rangecolumn' | 'scatter' | 'stackedscatter' | 'stackedscatter100' | 'bubble' | 'stackedbubble' | 'stackedbubble100' | 'pie' | 'donut' | 'candlestick' | 'ohlc' | 'waterfall' | 'stackedwaterfall'; orientation?: 'vertical' | 'horizontal'; valueAxis?: IChartValueAxis; series?: IChartSerie[]; formatSettings?: IChartFormatSettings; toolTipFormatFunction?: any; columnsGapPercent?: number; seriesGapPercent?: number; columnsMinWidth?: number; columnsMaxWidth?: number; columnsTopWidthPercent?: number; columnsBottomWidthPercent?: number; skipOverlappingPoints?: boolean; polar?: boolean; spider?: boolean; radius?: any; startAngle?: number; endAngle?: number; offsetX?: number; offsetY?: number; source?: any; xAxis?: IChartXAxis; colorScheme?: string; showLabels?: boolean; alignEndPointsWithIntervals?: boolean; annotations?: any; } export interface IChartLegendLayout { left?: number; top?: number; width?: number | string; height?: number | string; flow?: 'vertical' | 'horizontal'; } interface IChartOptions { title?: string; description?: string; source?: any; showBorderLine?: boolean; borderLineColor?: string; borderLineWidth?: number; backgroundColor?: string; backgroundImage?: string; showLegend?: boolean; legendLayout?: IChartLegendLayout; padding?: IChartPadding; titlePadding?: IChartPadding; colorScheme?: string; greyScale?: boolean; showToolTips?: boolean; toolTipShowDelay?: number; toolTipHideDelay?: number; toolTipMoveDuration?: number; drawBefore?: (renderer?: IChartDrawBefore['renderer'], rect?: IChartDrawBefore['rect']) => void; draw?: (renderer?: IChartDraw['renderer'], rect?: IChartDraw['rect']) => void; rtl?: boolean; enableCrosshairs?: boolean; crosshairsColor?: string; crosshairsDashStyle?: string; crosshairsLineWidth?: number; columnSeriesOverlap?: boolean; enabled?: boolean; enableAnimations?: boolean; animationDuration?: number; enableAxisTextAnimation?: boolean; renderEngine?: 'auto' | 'SVG' | 'HTML5' | 'VML'; xAxis?: IChartXAxis; valueAxis?: IChartValueAxis; categoryAxis?: any; seriesGroups?: IChartSeriesGroup[]; } export interface IChartProps extends IChartOptions { className?: string; style?: React.CSSProperties; onToggle?: (e?: Event) => void; onClick?: (e?: Event) => void; onRefreshBegin?: (e?: Event) => void; onRefreshEnd?: (e?: Event) => void; onRangeSelectionChanging?: (e?: Event) => void; onRangeSelectionChanged?: (e?: Event) => void; }