import { AnimationType, FormatterReturnHtml, ItemStyleType, LabelType, LineStyleType, RichType, TextStyleType, ValueFormatter } from '../defs';
declare type SeriesLabelType = Omit & {
position?: string | string[];
rotate?: number;
offset?: [number, number];
align?: 'auto' | 'left' | 'right';
verticalAlign?: 'top' | 'middle' | 'bottom';
borderRadius?: number | [number, number, number, number];
borderDashOffset?: number;
rich?: RichType;
};
declare type EmphasisType = {
disabled?: boolean;
scale?: boolean;
focus?: 'none' | 'self' | 'series';
blurScope?: 'coordinateSystem' | 'series' | 'global';
label?: SeriesLabelType;
labelLine?: {
show?: boolean;
lineStyle?: LineStyleType;
};
itemStyle?: ItemStyleType;
lineStyle?: LineStyleType;
areaStyle?: Pick;
endLabel?: SeriesLabelType;
};
declare type MarkPointType = Pick & AnimationType & {
label?: SeriesLabelType;
itemStyle?: ItemStyleType;
emphasis?: Pick;
blur?: Pick;
data?: (Pick & {
type?: 'min' | 'max' | 'average';
valueIndex?: number;
valueDim?: string;
coord?: (string | number)[];
x?: number;
y?: number;
value?: number;
})[];
};
declare type MarkLineType = Pick & AnimationType & {
precision?: number;
};
export declare type EChartsBaseSeriesProps = AnimationType & {
id?: string;
name?: string;
colorBy?: 'series' | 'data';
legendHoverLink?: boolean;
selectedMode?: boolean | 'single' | 'multiple' | 'series';
cursor?: string;
zlevel?: number;
z?: number;
silent?: boolean;
label?: SeriesLabelType;
labelLine?: {
show?: boolean;
showAbove?: boolean;
length2?: number;
smooth?: boolean | number;
minTurnAngle?: number;
lineStyle?: LineStyleType;
};
itemStyle?: ItemStyleType & {
decal?: {
symbol: string | string[];
symbolSize: number;
symbolKeepAspect: boolean;
color: string;
backgroundColor: string;
dashArrayX: number | number[] | any[];
dashArrayY: number | number[] | any[];
rotation: number;
maxTileWidth: number;
maxTileHeight: number;
};
};
labelLayout?: {
hideOverlap?: boolean;
moveOverlap?: 'shiftX' | 'shiftY' | string;
x?: number | string;
y?: number | string;
dx?: number;
dy?: number;
rotate?: number;
width?: number;
height?: number;
align?: 'auto' | 'left' | 'right';
verticalAlign?: 'top' | 'middle' | 'bottom';
fontSize?: number;
draggable?: boolean;
labelLinePoints?: any[];
};
emphasis?: EmphasisType;
blur?: Pick;
select?: Pick;
seriesLayoutBy?: 'column' | 'row';
dimensions?: (string | {
type: string;
name: string;
})[];
encode?: any;
datasetIndex?: number;
dataGroupId?: string;
markPoint?: MarkPointType;
markLine?: MarkLineType;
markArea?: Pick & AnimationType & {
itemStyle?: ItemStyleType;
};
universalTransition?: {
enabled?: boolean;
seriesKey?: string | string[];
divideShape?: string;
delay?: (index: number, count: number) => number;
};
tooltip?: Pick & {
position?: string | [number | string, number | string] | ((...args: any[]) => any);
formatter?: string | FormatterReturnHtml;
valueFormatter?: string | ValueFormatter;
textStyle?: TextStyleType;
extraCssText?: string;
};
data?: any[];
};
export declare type EChartsAxisSeriesProps = EChartsBaseSeriesProps & {
coordinateSystem?: 'cartesian2d' | 'polar';
xAxisIndex?: number;
yAxisIndex?: number;
polarIndex?: number;
sampling?: 'lttb' | 'average' | 'max' | 'min' | 'sum';
clip?: boolean;
};
export declare type EChartsLineSeriesProps = EChartsAxisSeriesProps & {
symbol?: 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | 'none' | string | ((value: any, params: any) => string);
symbolSize?: number | [number, number] | ((value: any, params: any) => number | [number, number]);
symbolRotate?: number | ((value: any, params: any) => number);
symbolKeepAspect?: boolean;
symbolOffset?: [number, number];
showSymbol?: boolean;
showAllSymbol?: 'auto' | boolean;
stack?: string;
connectNulls?: boolean;
triggerLineEvent?: boolean;
step?: boolean | 'start' | 'middle' | 'end';
endLabel?: SeriesLabelType & {
valueAnimation?: boolean;
};
lineStyle?: LineStyleType;
areaStyle?: Pick & {
origin?: number | 'auto' | 'start' | 'end';
};
smooth?: boolean | number;
smoothMonotone?: string;
};
export declare type EChartsBarSeriesProps = EChartsAxisSeriesProps & {
roundCap?: boolean;
showBackground?: boolean;
backgroundStyle?: Omit;
stack?: string;
barWidth?: string | number;
barMaxWidth?: number | string;
barMinWidth?: number | string;
barMinHeight?: number;
barMinAngle?: number;
barGap?: string;
barCategoryGap?: string;
large?: boolean;
largeThreshold?: number;
progressive?: number;
progressiveThreshold?: number;
progressiveChunkMode?: 'mod' | 'sequential';
};
export declare type EChartsPieSeriesProps = EChartsBaseSeriesProps & {
selectedOffset?: number;
clockwise?: boolean;
startAngle?: number;
minAngle?: number;
minShowLabelAngle?: number;
roseType?: boolean | 'radius' | 'area';
avoidLabelOverlap?: boolean;
stillShowZeroSum?: boolean;
left?: number | string;
top?: number | string;
right?: number | string;
bottom?: number | string;
width?: number | string;
height?: number | string;
showEmptyCircle?: boolean;
emptyCircleStyle?: ItemStyleType;
center?: [number | string, number | string];
radius?: number | string | [number | string, number | string];
};
export declare type EChartsFunnelSeriesProps = EChartsBaseSeriesProps & {
min?: number;
max?: number;
minSize?: string | number;
maxSize?: string | number;
orient?: 'vertical' | 'horizontal';
sort?: 'descending' | 'ascending' | 'none' | ((a: any, b: any) => number);
gap?: number;
funnelAlign?: 'left' | 'right' | 'center';
left?: number | string;
top?: number | string;
right?: number | string;
bottom?: number | string;
width?: number | string;
height?: number | string;
};
export declare type EChartsSunburstSeriesProps = EChartsPieSeriesProps & {
nodeClick?: false | 'rootToNode' | 'link';
};
declare const EChartsSeries: {
Sunburst: (props: EChartsSunburstSeriesProps) => null;
Line: (props: EChartsLineSeriesProps) => null;
Bar: (props: EChartsBarSeriesProps) => null;
Pie: (props: EChartsPieSeriesProps) => null;
Funnel: (props: EChartsFunnelSeriesProps) => null;
};
export default EChartsSeries;