@sia.soul/sia-react-ui 0.1.20 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Select-4hGJt3RJ.d.cts +142 -0
- package/dist/Select-BNSE67xn.d.ts +142 -0
- package/dist/chart.d.cts +2498 -0
- package/dist/chart.d.ts +2498 -0
- package/dist/{chunk-4HB6GC24.js → chunk-3TRRBMXY.js} +37 -8
- package/dist/{chunk-3RWL67CK.js → chunk-7RNS52YG.js} +38 -5
- package/dist/{chunk-SUMXP2SF.js → chunk-KLI65JVD.js} +12 -4
- package/dist/{chunk-I3EF5SF2.js → chunk-RWGSZW32.js} +1 -1
- package/dist/{chunk-LO3BUBWU.js → chunk-VN6PIPP7.js} +2 -2
- package/dist/{core-CdoVqv0o.d.ts → core-C5OnrCi4.d.cts} +1207 -3
- package/dist/{core-CM79w-7A.d.cts → core-DeZknKwc.d.ts} +1207 -3
- package/dist/core.cjs +77 -13
- package/dist/core.css +18 -1
- package/dist/core.d.cts +3 -3
- package/dist/core.d.ts +3 -3
- package/dist/core.js +3 -3
- package/dist/index.cjs +128 -21
- package/dist/index.css +18 -1
- package/dist/index.d.cts +1696 -7
- package/dist/index.d.ts +1696 -7
- package/dist/index.js +50 -13
- package/dist/markdown-editor.d.cts +41 -1
- package/dist/markdown-editor.d.ts +41 -1
- package/dist/rich-text-editor.cjs +11 -3
- package/dist/rich-text-editor.d.cts +46 -1
- package/dist/rich-text-editor.d.ts +46 -1
- package/dist/rich-text-editor.js +2 -2
- package/dist/{select-date-range-4tEYkA5O.d.cts → select-date-range-CGRb3-W8.d.ts} +116 -2
- package/dist/{select-date-range-D-ynrB5k.d.ts → select-date-range-DDmYGDD4.d.cts} +116 -2
- package/dist/select-date-range.cjs +36 -7
- package/dist/select-date-range.d.cts +3 -3
- package/dist/select-date-range.d.ts +3 -3
- package/dist/select-date-range.js +3 -3
- package/dist/{shared-DAYZvZVu.d.cts → shared-Bx4B28Wh.d.cts} +3 -0
- package/dist/{shared-DAYZvZVu.d.ts → shared-Bx4B28Wh.d.ts} +3 -0
- package/package.json +1 -1
- package/dist/Select-Cz3hzQl_.d.ts +0 -57
- package/dist/Select-Da9CLN0X.d.cts +0 -57
package/dist/chart.d.cts
CHANGED
|
@@ -1,9 +1,22 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode, CSSProperties, HTMLAttributes, SVGAttributes, PointerEvent } from 'react';
|
|
3
3
|
|
|
4
|
+
/** 图表旋转加载的属性配置。 */
|
|
4
5
|
interface ChartWhirlingLoadingProps {
|
|
6
|
+
/**
|
|
7
|
+
* 宽度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
8
|
+
* @defaultValue 720
|
|
9
|
+
*/
|
|
5
10
|
width?: number;
|
|
11
|
+
/**
|
|
12
|
+
* 高度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
13
|
+
* @defaultValue 360
|
|
14
|
+
*/
|
|
6
15
|
height?: number;
|
|
16
|
+
/**
|
|
17
|
+
* 显示文本。
|
|
18
|
+
* @defaultValue '数据获取中'
|
|
19
|
+
*/
|
|
7
20
|
text?: string;
|
|
8
21
|
/** Measured text width in viewBox units; omitted uses a CJK-aware estimate. */
|
|
9
22
|
textWidth?: number;
|
|
@@ -13,209 +26,470 @@ interface ChartWhirlingLoadingProps {
|
|
|
13
26
|
/** A native SVG chart loading layer: ring, rotating droplet and fixed inner dot. */
|
|
14
27
|
declare function ChartWhirlingLoading({ width, height, text, textWidth, frame }: ChartWhirlingLoadingProps): react.JSX.Element;
|
|
15
28
|
|
|
29
|
+
/** SVG 地图使用的二维坐标点。 */
|
|
16
30
|
type Point = readonly [number, number];
|
|
31
|
+
/** SVG地图的属性配置。 */
|
|
17
32
|
interface SvgMapPlotProps {
|
|
33
|
+
/** 触发来源,用于区分不同入口的操作。 */
|
|
18
34
|
source: string;
|
|
35
|
+
/** 名称或字段标识。 */
|
|
19
36
|
name: string;
|
|
37
|
+
/** 用于渲染的数据集合。 */
|
|
20
38
|
data: readonly {
|
|
39
|
+
/** 名称或字段标识。 */
|
|
21
40
|
name: string;
|
|
41
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
22
42
|
value?: number;
|
|
43
|
+
/** 是否启用鼠标悬停反馈。 */
|
|
23
44
|
hoverable?: boolean;
|
|
45
|
+
/** 是否显示标签文本。 */
|
|
24
46
|
showLabel?: boolean;
|
|
25
47
|
}[];
|
|
48
|
+
/** 横向位置或 X 轴数据值。 */
|
|
26
49
|
x: number;
|
|
50
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
27
51
|
y: number;
|
|
52
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
28
53
|
width: number;
|
|
54
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
29
55
|
height: number;
|
|
56
|
+
/** 坐标轴的数据取值范围。 */
|
|
30
57
|
domain: readonly [number, number];
|
|
58
|
+
/**
|
|
59
|
+
* 是否启用范围选择,或指定选择范围。
|
|
60
|
+
* @defaultValue domain
|
|
61
|
+
*/
|
|
31
62
|
range?: readonly [number, number];
|
|
63
|
+
/** 可选颜色或颜色序列。 */
|
|
32
64
|
colors: readonly string[];
|
|
65
|
+
/** 标签相对于默认位置的偏移集合。 */
|
|
33
66
|
labelOffsets?: Readonly<Record<string, readonly number[]>>;
|
|
67
|
+
/** 当前悬停所关联的数据范围。 */
|
|
34
68
|
hoverRange?: readonly [number, number];
|
|
69
|
+
/** 悬停的数据值变化时调用。 */
|
|
35
70
|
onHoverValue?: (value: number | undefined) => void;
|
|
71
|
+
/**
|
|
72
|
+
* 地图或图表的平移、缩放配置。
|
|
73
|
+
* @defaultValue true
|
|
74
|
+
*/
|
|
36
75
|
roam?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* 该值变化时重置内部交互状态。
|
|
78
|
+
* @defaultValue 0
|
|
79
|
+
*/
|
|
37
80
|
resetKey?: number;
|
|
81
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
38
82
|
children?: ReactNode;
|
|
83
|
+
/**
|
|
84
|
+
* 线条动画配置。
|
|
85
|
+
* @defaultValue false
|
|
86
|
+
*/
|
|
39
87
|
lineAnimation?: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* 提示框是否仅显示名称。
|
|
90
|
+
* @defaultValue false
|
|
91
|
+
*/
|
|
40
92
|
tooltipNameOnly?: boolean;
|
|
93
|
+
/**
|
|
94
|
+
* 是否显示数据标签。
|
|
95
|
+
* @defaultValue true
|
|
96
|
+
*/
|
|
41
97
|
showLabels?: boolean;
|
|
98
|
+
/**
|
|
99
|
+
* 数据点动画配置。
|
|
100
|
+
* @defaultValue false
|
|
101
|
+
*/
|
|
42
102
|
pointAnimation?: boolean;
|
|
103
|
+
/**
|
|
104
|
+
* 数据点首次出现时的入场效果。
|
|
105
|
+
* @defaultValue false
|
|
106
|
+
*/
|
|
43
107
|
pointEntrance?: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* 数据点动画的缓动方式。
|
|
110
|
+
* @defaultValue 'linear'
|
|
111
|
+
*/
|
|
44
112
|
pointAnimationEasing?: 'linear' | 'exponential-out';
|
|
113
|
+
/**
|
|
114
|
+
* 标记点配置集合。
|
|
115
|
+
* @defaultValue []
|
|
116
|
+
*/
|
|
45
117
|
markPoints?: readonly {
|
|
118
|
+
/** 唯一标识,用于关联实例或插件。 */
|
|
46
119
|
id?: string;
|
|
120
|
+
/** 名称或字段标识。 */
|
|
47
121
|
name: string;
|
|
122
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
48
123
|
value?: number | string;
|
|
124
|
+
/** 图表坐标位置或坐标转换配置。 */
|
|
49
125
|
coordinate: Point;
|
|
126
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
50
127
|
label?: string;
|
|
128
|
+
/** 标签文字颜色。 */
|
|
51
129
|
labelColor?: string;
|
|
130
|
+
/** 文字大小,单位为像素。 */
|
|
52
131
|
fontSize?: number;
|
|
132
|
+
/** 边框线宽。 */
|
|
53
133
|
borderWidth?: number;
|
|
134
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
54
135
|
size?: number;
|
|
136
|
+
/** 动态效果的颜色。 */
|
|
55
137
|
effectColor?: string;
|
|
138
|
+
/** 滚动或淡入效果 */
|
|
56
139
|
effect?: boolean;
|
|
140
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
57
141
|
color?: string;
|
|
142
|
+
/** 数据点或节点使用的图形符号。 */
|
|
58
143
|
symbol?: 'pin' | 'circle' | 'emptyCircle';
|
|
59
144
|
}[];
|
|
145
|
+
/**
|
|
146
|
+
* 标记线配置集合。
|
|
147
|
+
* @defaultValue []
|
|
148
|
+
*/
|
|
60
149
|
markLines?: readonly {
|
|
150
|
+
/** 唯一标识,用于关联实例或插件。 */
|
|
61
151
|
id?: string;
|
|
152
|
+
/** 名称或字段标识。 */
|
|
62
153
|
name: string;
|
|
154
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
63
155
|
value?: number;
|
|
156
|
+
/** 触发来源,用于区分不同入口的操作。 */
|
|
64
157
|
source: Point;
|
|
158
|
+
/** 关联的目标元素或获取目标元素的函数。 */
|
|
65
159
|
target: Point;
|
|
160
|
+
/** 周期动画的周期时长。 */
|
|
66
161
|
period?: number;
|
|
162
|
+
/** 动态效果的颜色。 */
|
|
67
163
|
effectColor?: string;
|
|
164
|
+
/** 阴影模糊半径。 */
|
|
68
165
|
shadowBlur?: number;
|
|
166
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
69
167
|
color?: string;
|
|
168
|
+
/** 特效覆盖的半径。 */
|
|
70
169
|
effectRadius?: number;
|
|
170
|
+
/** 连线起点和终点使用的图形符号。 */
|
|
71
171
|
endpointSymbols?: readonly string[];
|
|
72
172
|
}[];
|
|
73
173
|
}
|
|
74
174
|
/** SVG-native map geometry, without geographic projection or source markup insertion. */
|
|
75
175
|
declare function SvgMapPlot({ source, name, data, x, y, width, height, domain, range, colors, labelOffsets, hoverRange, onHoverValue, roam, resetKey, children, markPoints, markLines, lineAnimation, tooltipNameOnly, showLabels, pointAnimation, pointEntrance, pointAnimationEasing }: SvgMapPlotProps): react.JSX.Element;
|
|
76
176
|
|
|
177
|
+
/** 图表漫游控制器的属性配置。 */
|
|
77
178
|
interface ChartRoamControllerProps {
|
|
179
|
+
/**
|
|
180
|
+
* 横向位置或 X 轴数据值。
|
|
181
|
+
* @defaultValue 800
|
|
182
|
+
*/
|
|
78
183
|
x?: number;
|
|
184
|
+
/**
|
|
185
|
+
* 纵向位置或 Y 轴数据值。
|
|
186
|
+
* @defaultValue 5
|
|
187
|
+
*/
|
|
79
188
|
y?: number;
|
|
189
|
+
/** 视图平移时调用。 */
|
|
80
190
|
onPan: (x: number, y: number) => void;
|
|
191
|
+
/** 视图缩放时调用。 */
|
|
81
192
|
onZoom: (factor: number) => void;
|
|
82
193
|
}
|
|
83
194
|
/** Independent SVG controls; deliberately separate from direct map gestures. */
|
|
84
195
|
declare function ChartRoamController({ x, y, onPan, onZoom }: ChartRoamControllerProps): react.JSX.Element;
|
|
85
196
|
|
|
197
|
+
/** ChartBrush的属性配置。 */
|
|
86
198
|
interface ChartBrushProps {
|
|
199
|
+
/**
|
|
200
|
+
* 框选区域的形状。
|
|
201
|
+
* @defaultValue 'band'
|
|
202
|
+
*/
|
|
87
203
|
selectionShape?: 'band' | 'rectangle';
|
|
204
|
+
/** 框选区域的样式。 */
|
|
88
205
|
selectionStyle?: CSSProperties;
|
|
89
206
|
/** Minimum accepted width and height in SVG coordinates. Omitted preserves the 4px horizontal gesture threshold. */
|
|
90
207
|
minSelectionSize?: readonly [number, number];
|
|
208
|
+
/** 布局边界。 */
|
|
91
209
|
bounds: {
|
|
210
|
+
/** 横向位置或 X 轴数据值。 */
|
|
92
211
|
x: number;
|
|
212
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
93
213
|
y: number;
|
|
214
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
94
215
|
width: number;
|
|
216
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
95
217
|
height: number;
|
|
96
218
|
};
|
|
219
|
+
/** 选中项目时调用,参数包含选中项目及关联状态。 */
|
|
97
220
|
onSelect: (range: readonly [number, number]) => void;
|
|
221
|
+
/** 用户取消或通过关闭入口退出时调用。 */
|
|
98
222
|
onCancel?: () => void;
|
|
99
223
|
}
|
|
100
224
|
|
|
225
|
+
/** 生成扇形或环形扇区的 SVG 路径。 */
|
|
101
226
|
declare function svgArcPath(cx: number, cy: number, outerRadius: number, startAngle: number, endAngle: number, innerRadius?: number, clockwise?: boolean): string;
|
|
102
227
|
|
|
228
|
+
/** 图表 SVG 内部坐标系的默认宽度。 */
|
|
103
229
|
declare const CHART_VIEWBOX_WIDTH = 720;
|
|
230
|
+
/** 图表 SVG 内部坐标系的默认高度。 */
|
|
104
231
|
declare const CHART_VIEWBOX_HEIGHT = 360;
|
|
232
|
+
/** 图表默认调色板。 */
|
|
105
233
|
declare const DEFAULT_CHART_PALETTE: readonly ["#1677ff", "#36cfc9", "#52c41a", "#faad14", "#ff7a45", "#722ed1", "#eb2f96", "#13c2c2", "#2f54eb", "#a0d911"];
|
|
234
|
+
/** 图例的项目定义。 */
|
|
106
235
|
interface ChartLegendItem {
|
|
236
|
+
/** 图片资源配置。 */
|
|
107
237
|
image?: string;
|
|
238
|
+
/** 文字样式。 */
|
|
108
239
|
textStyle?: CSSProperties;
|
|
109
240
|
/** Optional measured label width in SVG coordinates. */
|
|
110
241
|
textWidth?: number;
|
|
111
242
|
/** Override the group's symbol for mixed-series legends. */
|
|
112
243
|
symbol?: 'rect' | 'line' | 'sector';
|
|
244
|
+
/** 图形填充渐变配置。 */
|
|
113
245
|
fillGradient?: {
|
|
246
|
+
/** 范围起点。 */
|
|
114
247
|
start: readonly [number, number];
|
|
248
|
+
/** 范围终点。 */
|
|
115
249
|
end: readonly [number, number];
|
|
250
|
+
/** 渐变颜色停靠点集合。 */
|
|
116
251
|
stops: readonly {
|
|
252
|
+
/** 相对于默认位置的偏移。 */
|
|
117
253
|
offset: number;
|
|
254
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
118
255
|
color: string;
|
|
119
256
|
}[];
|
|
120
257
|
};
|
|
258
|
+
/** 边框颜色。 */
|
|
121
259
|
borderColor?: string;
|
|
260
|
+
/** 名称或字段标识。 */
|
|
122
261
|
name: string;
|
|
262
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
123
263
|
color: string;
|
|
264
|
+
/** 是否禁用交互。 */
|
|
124
265
|
disabled?: boolean;
|
|
125
266
|
}
|
|
267
|
+
/** ChartData的点击事件上下文。 */
|
|
126
268
|
interface ChartDataClickInfo<T = unknown> {
|
|
269
|
+
/** 名称或字段标识。 */
|
|
127
270
|
name: string;
|
|
271
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
128
272
|
value: number | readonly number[];
|
|
273
|
+
/** 数据系列名称。 */
|
|
129
274
|
seriesName?: string;
|
|
275
|
+
/** 用于渲染的数据集合。 */
|
|
130
276
|
data: T;
|
|
277
|
+
/** 触发本次操作的原生事件。 */
|
|
131
278
|
nativeEvent: PointerEvent<SVGGElement>;
|
|
132
279
|
}
|
|
280
|
+
/** 图表容器的实例引用接口。 */
|
|
133
281
|
interface SiaChartRef {
|
|
282
|
+
/** 读取组件底层 DOM 元素。 */
|
|
134
283
|
getElement: () => SVGSVGElement | null;
|
|
284
|
+
/** 将焦点移入控件。 */
|
|
135
285
|
focus: () => void;
|
|
286
|
+
/** 导出当前图表的 SVG 源码。 */
|
|
136
287
|
toSvgString: () => string | null;
|
|
288
|
+
/** 将图表导出为图片 Data URL。 */
|
|
137
289
|
toDataUrl: () => string | null;
|
|
138
290
|
}
|
|
291
|
+
/** 图表容器的属性配置。 */
|
|
139
292
|
interface SiaChartProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "title"> {
|
|
293
|
+
/**
|
|
294
|
+
* 标题的水平对齐方式。
|
|
295
|
+
* @defaultValue "left"
|
|
296
|
+
*/
|
|
140
297
|
titleAlign?: "left" | "center" | "right";
|
|
298
|
+
/**
|
|
299
|
+
* 标题的垂直对齐方式。
|
|
300
|
+
* @defaultValue "top"
|
|
301
|
+
*/
|
|
141
302
|
titleVerticalAlign?: "top" | "bottom";
|
|
303
|
+
/**
|
|
304
|
+
* SVG 内部视图坐标系的尺寸。
|
|
305
|
+
* @defaultValue [CHART_VIEWBOX_WIDTH, CHART_VIEWBOX_HEIGHT]
|
|
306
|
+
*/
|
|
142
307
|
viewBoxSize?: readonly [number, number];
|
|
308
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
143
309
|
children?: ReactNode;
|
|
144
310
|
/** Additional SVG content above chart series and below interaction overlays. */
|
|
145
311
|
svgOverlay?: ReactNode;
|
|
312
|
+
/**
|
|
313
|
+
* 宽度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
314
|
+
* @defaultValue "100%"
|
|
315
|
+
*/
|
|
146
316
|
width?: number | string;
|
|
317
|
+
/**
|
|
318
|
+
* 高度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
319
|
+
* @defaultValue 320
|
|
320
|
+
*/
|
|
147
321
|
height?: number | string;
|
|
322
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
148
323
|
title?: ReactNode;
|
|
324
|
+
/** 补充说明内容。 */
|
|
149
325
|
description?: ReactNode;
|
|
326
|
+
/**
|
|
327
|
+
控件的无障碍名称,供屏幕阅读器识别。
|
|
328
|
+
* @defaultValue typeof title === "string" ? title : "数据图表"
|
|
329
|
+
*/
|
|
150
330
|
ariaLabel?: string;
|
|
331
|
+
/**
|
|
332
|
+
* 系列颜色;默认使用 Sia 数据可视化色板
|
|
333
|
+
* @defaultValue DEFAULT_CHART_PALETTE
|
|
334
|
+
*/
|
|
151
335
|
palette?: readonly string[];
|
|
336
|
+
/**
|
|
337
|
+
* 是否处于加载状态。
|
|
338
|
+
* @defaultValue false
|
|
339
|
+
*/
|
|
152
340
|
loading?: boolean;
|
|
341
|
+
/**
|
|
342
|
+
* 无数据时的展示内容或空状态配置。
|
|
343
|
+
* @defaultValue false
|
|
344
|
+
*/
|
|
153
345
|
empty?: boolean;
|
|
346
|
+
/**
|
|
347
|
+
* 没有数据时的显示内容。
|
|
348
|
+
* @defaultValue "暂无图表数据"
|
|
349
|
+
*/
|
|
154
350
|
emptyContent?: ReactNode;
|
|
351
|
+
/**
|
|
352
|
+
* 是否启用图形动画或自定义动画配置。
|
|
353
|
+
* @defaultValue true
|
|
354
|
+
*/
|
|
155
355
|
animation?: boolean;
|
|
356
|
+
/**
|
|
357
|
+
* 图形初次渲染动画的持续时间。
|
|
358
|
+
* @defaultValue 700
|
|
359
|
+
*/
|
|
156
360
|
animationDuration?: number;
|
|
361
|
+
/**
|
|
362
|
+
* 标线、数据视图、形态切换、还原与 SVG 图片保存
|
|
363
|
+
* @defaultValue false
|
|
364
|
+
*/
|
|
157
365
|
toolbox?: boolean | ChartToolboxOptions;
|
|
366
|
+
/** 时间轴配置。 */
|
|
158
367
|
timeline?: ChartTimelineProps;
|
|
368
|
+
/** 框选交互配置。 */
|
|
159
369
|
brush?: ChartBrushProps;
|
|
370
|
+
/** 提示框的附加属性。 */
|
|
160
371
|
tooltipProps?: Omit<ChartTooltipProps, "open" | "left" | "top" | "children">;
|
|
161
372
|
/** undefined uses local marks; null hides; a value synchronizes an external tooltip. */
|
|
162
373
|
controlledTooltip?: {
|
|
374
|
+
/** 需要显示的内容,支持文本或 React 节点。 */
|
|
163
375
|
content: ReactNode;
|
|
376
|
+
/** 当前数据点或屏幕坐标点。 */
|
|
164
377
|
point: readonly [number, number];
|
|
165
378
|
} | null;
|
|
379
|
+
/** 传给原生 SVG 根节点的属性 */
|
|
166
380
|
svgProps?: Omit<SVGAttributes<SVGSVGElement>, "children" | "width" | "height">;
|
|
167
381
|
}
|
|
382
|
+
/** 组合图表中的一个图层,包含系列类型、数据和布局配置。 */
|
|
168
383
|
interface ChartCompositeLayer {
|
|
384
|
+
/** 唯一标识;同一集合内应保持唯一且稳定,用于定位、渲染和状态关联。 */
|
|
169
385
|
key?: string;
|
|
386
|
+
/** 需要显示的内容,支持文本或 React 节点。 */
|
|
170
387
|
content: ReactNode;
|
|
388
|
+
/** 距左侧的位置或间距。 */
|
|
171
389
|
left?: number | string;
|
|
390
|
+
/** 距顶部的位置或间距。 */
|
|
172
391
|
top?: number | string;
|
|
392
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
173
393
|
width?: number | string;
|
|
394
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
174
395
|
height?: number | string;
|
|
396
|
+
/** 组件或浮层的堆叠层级。 */
|
|
175
397
|
zIndex?: number;
|
|
398
|
+
/** SVG 或 DOM 元素的指针事件响应方式。 */
|
|
176
399
|
pointerEvents?: CSSProperties["pointerEvents"];
|
|
177
400
|
}
|
|
401
|
+
/** 组合图表的实例引用接口。 */
|
|
178
402
|
interface ChartCompositeRef {
|
|
403
|
+
/** 导出当前图表的 SVG 源码。 */
|
|
179
404
|
toSvgString: () => string | null;
|
|
405
|
+
/** 将当前图表保存为图片。 */
|
|
180
406
|
saveAsImage: (filename?: string) => Promise<void>;
|
|
181
407
|
}
|
|
408
|
+
/** 组合图表的属性配置。 */
|
|
182
409
|
interface ChartCompositeProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
410
|
+
/** 组合图中的图层配置,按顺序绘制。 */
|
|
183
411
|
layers: readonly ChartCompositeLayer[];
|
|
412
|
+
/**
|
|
413
|
+
* 宽度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
414
|
+
* @defaultValue "100%"
|
|
415
|
+
*/
|
|
184
416
|
width?: number | string;
|
|
417
|
+
/**
|
|
418
|
+
* 高度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
419
|
+
* @defaultValue 320
|
|
420
|
+
*/
|
|
185
421
|
height?: number | string;
|
|
422
|
+
/**
|
|
423
|
+
控件的无障碍名称,供屏幕阅读器识别。
|
|
424
|
+
* @defaultValue "组合图表"
|
|
425
|
+
*/
|
|
186
426
|
ariaLabel?: string;
|
|
187
427
|
}
|
|
428
|
+
/** 图表工具箱可以启用的功能名称。 */
|
|
188
429
|
type ChartToolboxFeature = "dataZoom" | "mark" | "dataView" | "restore" | "saveAsImage";
|
|
430
|
+
/** 图表工具箱的配置选项。 */
|
|
189
431
|
interface ChartToolboxOptions {
|
|
432
|
+
/** 垂直对齐方式。 */
|
|
190
433
|
verticalAlign?: 'top' | 'bottom';
|
|
434
|
+
/** 触发图片导出时调用。 */
|
|
191
435
|
onSaveAsImage?: () => void;
|
|
436
|
+
/** 是否显示该功能。 */
|
|
192
437
|
show?: boolean;
|
|
438
|
+
/** 组件的水平或垂直排列方向。 */
|
|
193
439
|
orientation?: "horizontal" | "vertical";
|
|
440
|
+
/** 工具箱中启用的功能项。 */
|
|
194
441
|
features?: readonly ChartToolboxFeature[];
|
|
442
|
+
/** 允许切换的图表类型。 */
|
|
195
443
|
magicTypes?: readonly string[];
|
|
444
|
+
/** 当前切换后的图表类型。 */
|
|
196
445
|
activeMagicType?: string;
|
|
197
446
|
/** Selected options across independent mode groups; takes precedence for button display. */
|
|
198
447
|
activeMagicTypes?: readonly string[];
|
|
448
|
+
/** 文件名。 */
|
|
199
449
|
filename?: string;
|
|
450
|
+
/** 是否显示或如何配置数据视图。 */
|
|
200
451
|
dataView?: ReactNode;
|
|
452
|
+
/** 数据视图是否只读。 */
|
|
201
453
|
dataViewReadOnly?: boolean;
|
|
454
|
+
/** 视图缩放时调用。 */
|
|
202
455
|
onZoom?: () => void;
|
|
456
|
+
/** 返回上一次缩放范围时调用。 */
|
|
203
457
|
onZoomBack?: () => void;
|
|
458
|
+
/** 是否禁用缩放回退。 */
|
|
204
459
|
zoomBackDisabled?: boolean;
|
|
460
|
+
/** 是否处于缩放选择模式。 */
|
|
205
461
|
zoomActive?: boolean;
|
|
462
|
+
/** 进入或切换辅助标线模式时调用。 */
|
|
206
463
|
onMark?: () => void;
|
|
464
|
+
/** 切换图表类型时调用。 */
|
|
207
465
|
onMagicTypeChange?: (type: string) => void;
|
|
466
|
+
/** 还原初始图表状态时调用。 */
|
|
208
467
|
onRestore?: () => void;
|
|
209
468
|
}
|
|
469
|
+
/** 图表工具箱的属性配置。 */
|
|
210
470
|
interface ChartToolboxProps extends ChartToolboxOptions {
|
|
471
|
+
/**
|
|
472
|
+
* 是否处于标线绘制模式。
|
|
473
|
+
* @defaultValue false
|
|
474
|
+
*/
|
|
211
475
|
markActive?: boolean;
|
|
476
|
+
/**
|
|
477
|
+
* 已绘制标线数量。
|
|
478
|
+
* @defaultValue 0
|
|
479
|
+
*/
|
|
212
480
|
markCount?: number;
|
|
481
|
+
/** 撤销最近标线时调用。 */
|
|
213
482
|
onMarkUndo?: () => void;
|
|
483
|
+
/** 清空所有标线时调用。 */
|
|
214
484
|
onMarkClear?: () => void;
|
|
485
|
+
/** 打开数据视图时调用。 */
|
|
215
486
|
onDataView: () => void;
|
|
487
|
+
/** 触发图片导出时调用。 */
|
|
216
488
|
onSaveAsImage: () => void;
|
|
217
489
|
}
|
|
490
|
+
/** 组合图表组件。 */
|
|
218
491
|
declare const ChartComposite: react.ForwardRefExoticComponent<ChartCompositeProps & react.RefAttributes<ChartCompositeRef>>;
|
|
492
|
+
/** 图表提示框的属性配置。 */
|
|
219
493
|
interface ChartTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
220
494
|
/** Axis placement follows category x / pointer y and applies measured edge corrections. */
|
|
221
495
|
placement?: 'above' | 'axis';
|
|
@@ -223,206 +497,502 @@ interface ChartTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "childr
|
|
|
223
497
|
inheritTextStyle?: boolean;
|
|
224
498
|
/** Keep item details available for pointer and keyboard interaction. */
|
|
225
499
|
enterable?: boolean;
|
|
500
|
+
/** 是否打开;传入后由外部控制显示状态。 */
|
|
226
501
|
open: boolean;
|
|
502
|
+
/** 距左侧的位置或间距。 */
|
|
227
503
|
left: number;
|
|
504
|
+
/** 距顶部的位置或间距。 */
|
|
228
505
|
top: number;
|
|
506
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
229
507
|
children: ReactNode;
|
|
230
508
|
}
|
|
509
|
+
/** 图表提示框组件。 */
|
|
231
510
|
declare function ChartTooltip({ open, left, top, children, enterable, inheritTextStyle, placement, className, style, ...props }: ChartTooltipProps): react.JSX.Element | null;
|
|
511
|
+
/** 图表工具箱组件。 */
|
|
232
512
|
declare function ChartToolbox({ show, orientation, verticalAlign, features, magicTypes, activeMagicType, activeMagicTypes, markActive, markCount, onMarkUndo, onMarkClear, onMark, onZoom, onZoomBack, zoomBackDisabled, zoomActive, onMagicTypeChange, onRestore, onDataView, onSaveAsImage, }: ChartToolboxProps): react.JSX.Element | null;
|
|
513
|
+
/** 图表容器组件。 */
|
|
233
514
|
declare const SiaChart: react.ForwardRefExoticComponent<SiaChartProps & react.RefAttributes<SiaChartRef>>;
|
|
515
|
+
/** 图表标记的属性配置。 */
|
|
234
516
|
interface ChartMarkProps extends SVGAttributes<SVGGElement> {
|
|
517
|
+
/** 提示内容或提示框配置。 */
|
|
235
518
|
tooltip?: ReactNode;
|
|
519
|
+
/** 提示框对应的数据点位置。 */
|
|
236
520
|
tooltipPoint?: readonly [number, number];
|
|
521
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
237
522
|
label: string;
|
|
238
523
|
}
|
|
524
|
+
/** 图表标记组件。 */
|
|
239
525
|
declare function ChartMark({ tooltip, tooltipPoint, label, onPointerMove, onPointerLeave, onFocus, onBlur, ...props }: ChartMarkProps): react.JSX.Element;
|
|
526
|
+
/** 图例的属性配置。 */
|
|
240
527
|
interface ChartLegendProps {
|
|
528
|
+
/** 图标宽度。 */
|
|
241
529
|
iconWidth?: number;
|
|
530
|
+
/**
|
|
531
|
+
* 图标高度。
|
|
532
|
+
* @defaultValue 14
|
|
533
|
+
*/
|
|
242
534
|
iconHeight?: number;
|
|
535
|
+
/**
|
|
536
|
+
* 文字与相邻图形的间距。
|
|
537
|
+
* @defaultValue 5
|
|
538
|
+
*/
|
|
243
539
|
textGap?: number;
|
|
540
|
+
/** 文字样式。 */
|
|
244
541
|
textStyle?: CSSProperties;
|
|
542
|
+
/** 未激活状态的颜色。 */
|
|
245
543
|
inactiveColor?: string;
|
|
544
|
+
/** 背景颜色或填充配置。 */
|
|
246
545
|
background?: {
|
|
546
|
+
/** 图形填充颜色。 */
|
|
247
547
|
fill?: string;
|
|
548
|
+
/** 图形描边颜色。 */
|
|
248
549
|
stroke?: string;
|
|
550
|
+
/** 描边或进度轨道粗细。 */
|
|
249
551
|
strokeWidth?: number;
|
|
552
|
+
/** 内容内边距。 */
|
|
250
553
|
padding?: number;
|
|
251
554
|
};
|
|
555
|
+
/** 允许的最大宽度。 */
|
|
252
556
|
maxWidth?: number;
|
|
557
|
+
/**
|
|
558
|
+
* 相邻行的间距。
|
|
559
|
+
* @defaultValue 24
|
|
560
|
+
*/
|
|
253
561
|
rowGap?: number;
|
|
562
|
+
/**
|
|
563
|
+
* 数据点或节点使用的图形符号。
|
|
564
|
+
* @defaultValue "rect"
|
|
565
|
+
*/
|
|
254
566
|
symbol?: "rect" | "line" | "sector";
|
|
567
|
+
/** 按展示顺序排列的项目配置。 */
|
|
255
568
|
items: readonly ChartLegendItem[];
|
|
569
|
+
/**
|
|
570
|
+
* 横向位置或 X 轴数据值。
|
|
571
|
+
* @defaultValue CHART_VIEWBOX_WIDTH / 2
|
|
572
|
+
*/
|
|
256
573
|
x?: number;
|
|
574
|
+
/**
|
|
575
|
+
* 纵向位置或 Y 轴数据值。
|
|
576
|
+
* @defaultValue 20
|
|
577
|
+
*/
|
|
257
578
|
y?: number;
|
|
579
|
+
/**
|
|
580
|
+
* 交叉轴对齐
|
|
581
|
+
* @defaultValue "center"
|
|
582
|
+
*/
|
|
258
583
|
align?: "start" | "center" | "end";
|
|
584
|
+
/**
|
|
585
|
+
* 相邻项目的间距。
|
|
586
|
+
* @defaultValue 18
|
|
587
|
+
*/
|
|
259
588
|
itemGap?: number;
|
|
589
|
+
/**
|
|
590
|
+
组件的水平或垂直排列方向。
|
|
591
|
+
* @defaultValue "horizontal"
|
|
592
|
+
*/
|
|
260
593
|
orientation?: "horizontal" | "vertical";
|
|
594
|
+
/** 是否处于选中状态。 */
|
|
261
595
|
selected?: Readonly<Record<string, boolean>>;
|
|
596
|
+
/** 点击项目时调用。 */
|
|
262
597
|
onItemClick?: (name: string) => void;
|
|
263
598
|
}
|
|
599
|
+
/** 图例组件。 */
|
|
264
600
|
declare function ChartLegend({ items, symbol, x, y, align, itemGap, orientation, selected, onItemClick, maxWidth, rowGap, iconWidth, iconHeight, textGap, textStyle, inactiveColor, background }: ChartLegendProps): react.JSX.Element;
|
|
601
|
+
/** 图表坐标轴的属性配置。 */
|
|
265
602
|
interface ChartAxisProps {
|
|
266
603
|
/** Split axis strokes from bands/ticks/labels when a chart needs explicit layer ordering. */
|
|
267
604
|
layer?: 'all' | 'base' | 'line';
|
|
605
|
+
/** 坐标轴分隔区域的填充颜色。 */
|
|
268
606
|
splitAreaColors?: readonly string[];
|
|
269
607
|
/** Normalized band boundaries; defaults to evenly spaced intervals. */
|
|
270
608
|
splitAreaPositions?: readonly number[];
|
|
609
|
+
/** 线条样式。 */
|
|
271
610
|
lineStyle?: CSSProperties;
|
|
611
|
+
/** 刻度线样式。 */
|
|
272
612
|
tickStyle?: CSSProperties;
|
|
613
|
+
/** 网格线样式。 */
|
|
273
614
|
gridStyle?: CSSProperties;
|
|
615
|
+
/** 标签文字样式。 */
|
|
274
616
|
labelStyle?: CSSProperties;
|
|
617
|
+
/** 按标签配置的样式集合。 */
|
|
275
618
|
labelStyles?: readonly (CSSProperties | undefined)[];
|
|
276
619
|
/** Distance from the axis line to the label (independent of tick length). */
|
|
277
620
|
labelMargin?: number;
|
|
621
|
+
/** SVG 标签的水平锚点。 */
|
|
278
622
|
labelAnchor?: 'start' | 'middle' | 'end';
|
|
623
|
+
/** SVG 标签的文字基线。 */
|
|
279
624
|
labelBaseline?: 'top' | 'middle' | 'bottom';
|
|
625
|
+
/** 轴端是否保留间隔,或两端间隔的配置。 */
|
|
280
626
|
boundaryGap?: boolean;
|
|
627
|
+
/** 组件的水平或垂直排列方向。 */
|
|
281
628
|
orientation: "top" | "bottom" | "left" | "right";
|
|
629
|
+
/** 横向位置或 X 轴数据值。 */
|
|
282
630
|
x: number;
|
|
631
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
283
632
|
y: number;
|
|
633
|
+
/** 长度。 */
|
|
284
634
|
length: number;
|
|
635
|
+
/** 各操作入口的显示或无障碍文案。 */
|
|
285
636
|
labels: readonly string[];
|
|
286
637
|
/** Normalized positions for nonuniform numeric/calendar ticks. */
|
|
287
638
|
positions?: readonly number[];
|
|
639
|
+
/** 刻度在轴上的位置集合。 */
|
|
288
640
|
tickPositions?: readonly number[];
|
|
641
|
+
/** 网格线在轴上的位置集合。 */
|
|
289
642
|
gridPositions?: readonly number[];
|
|
290
643
|
/** Snap line centers to whole/half pixels according to their stroke width. Labels and bands are unaffected. */
|
|
291
644
|
pixelAlign?: boolean;
|
|
292
645
|
/** Outward distance of the axis stroke and tick origin from the logical axis. */
|
|
293
646
|
lineOffset?: number;
|
|
647
|
+
/**
|
|
648
|
+
* 刻度相对于默认位置的偏移。
|
|
649
|
+
* @defaultValue 0
|
|
650
|
+
*/
|
|
294
651
|
tickOffset?: number;
|
|
652
|
+
/**
|
|
653
|
+
* 刻度线尺寸。
|
|
654
|
+
* @defaultValue 5
|
|
655
|
+
*/
|
|
295
656
|
tickSize?: number;
|
|
657
|
+
/**
|
|
658
|
+
* 网格线延伸长度。
|
|
659
|
+
* @defaultValue 0
|
|
660
|
+
*/
|
|
296
661
|
gridLength?: number;
|
|
662
|
+
/** 将原始值转换为展示文本的函数。 */
|
|
297
663
|
formatter?: (label: string, index: number) => string;
|
|
664
|
+
/**
|
|
665
|
+
* 是否反转坐标轴方向。
|
|
666
|
+
* @defaultValue false
|
|
667
|
+
*/
|
|
298
668
|
inverse?: boolean;
|
|
669
|
+
/**
|
|
670
|
+
* 刻度之间的间隔。
|
|
671
|
+
* @defaultValue 1
|
|
672
|
+
*/
|
|
299
673
|
tickInterval?: number;
|
|
674
|
+
/**
|
|
675
|
+
* 标签旋转角度。
|
|
676
|
+
* @defaultValue 0
|
|
677
|
+
*/
|
|
300
678
|
labelRotate?: number;
|
|
679
|
+
/**
|
|
680
|
+
* 是否显示连接线。
|
|
681
|
+
* @defaultValue true
|
|
682
|
+
*/
|
|
301
683
|
showLine?: boolean;
|
|
684
|
+
/**
|
|
685
|
+
* 是否显示刻度线。
|
|
686
|
+
* @defaultValue true
|
|
687
|
+
*/
|
|
302
688
|
showTicks?: boolean;
|
|
689
|
+
/**
|
|
690
|
+
* 是否显示数据标签。
|
|
691
|
+
* @defaultValue true
|
|
692
|
+
*/
|
|
303
693
|
showLabels?: boolean;
|
|
694
|
+
/**
|
|
695
|
+
* 是否显示网格线。
|
|
696
|
+
* @defaultValue true
|
|
697
|
+
*/
|
|
304
698
|
showGrid?: boolean;
|
|
699
|
+
/** 名称或字段标识。 */
|
|
305
700
|
name?: string;
|
|
701
|
+
/** 坐标轴线颜色。 */
|
|
306
702
|
axisColor?: string;
|
|
703
|
+
/** 网格线颜色。 */
|
|
307
704
|
gridColor?: string;
|
|
705
|
+
/**
|
|
706
|
+
* 是否使用虚线网格。
|
|
707
|
+
* @defaultValue false
|
|
708
|
+
*/
|
|
308
709
|
dashedGrid?: boolean;
|
|
309
710
|
}
|
|
711
|
+
/** 图表坐标轴组件。 */
|
|
310
712
|
declare function ChartAxis({ layer, orientation, x, y, length, labels, positions, tickPositions, gridPositions, pixelAlign, lineOffset, tickOffset, boundaryGap, tickSize, gridLength, formatter, inverse, tickInterval, labelRotate, showLine, showTicks, showLabels, showGrid, name, axisColor, gridColor, dashedGrid, lineStyle, tickStyle, gridStyle, labelStyle, labelStyles, labelMargin, labelAnchor, labelBaseline, splitAreaColors, splitAreaPositions }: ChartAxisProps): react.JSX.Element;
|
|
713
|
+
/** 图表视觉映射的属性配置。 */
|
|
311
714
|
interface ChartVisualMapProps {
|
|
715
|
+
/**
|
|
716
|
+
* 拖动过程中是否实时通知值变化。
|
|
717
|
+
* @defaultValue true
|
|
718
|
+
*/
|
|
312
719
|
realtime?: boolean;
|
|
720
|
+
/** 鼠标悬停范围变化时调用。 */
|
|
313
721
|
onHoverRange?: (range: readonly [number, number] | undefined) => void;
|
|
722
|
+
/** 指示器当前对应的值。 */
|
|
314
723
|
indicatorValue?: number;
|
|
724
|
+
/**
|
|
725
|
+
* 是否使用 SVG 绘制交互手柄。
|
|
726
|
+
* @defaultValue false
|
|
727
|
+
*/
|
|
315
728
|
svgHandles?: boolean;
|
|
729
|
+
/** 范围两端显示的标签。 */
|
|
316
730
|
endLabels?: readonly [string, string];
|
|
731
|
+
/** 允许的最小值。 */
|
|
317
732
|
min: number;
|
|
733
|
+
/** 允许的最大值。 */
|
|
318
734
|
max: number;
|
|
735
|
+
/**
|
|
736
|
+
* 可选颜色或颜色序列。
|
|
737
|
+
* @defaultValue ["#e6f4ff", "#1677ff"]
|
|
738
|
+
*/
|
|
319
739
|
colors?: readonly string[];
|
|
740
|
+
/**
|
|
741
|
+
* 横向位置或 X 轴数据值。
|
|
742
|
+
* @defaultValue 16
|
|
743
|
+
*/
|
|
320
744
|
x?: number;
|
|
745
|
+
/**
|
|
746
|
+
* 纵向位置或 Y 轴数据值。
|
|
747
|
+
* @defaultValue 284
|
|
748
|
+
*/
|
|
321
749
|
y?: number;
|
|
750
|
+
/**
|
|
751
|
+
* 宽度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
752
|
+
* @defaultValue 110
|
|
753
|
+
*/
|
|
322
754
|
width?: number;
|
|
755
|
+
/**
|
|
756
|
+
* 高度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
757
|
+
* @defaultValue 9
|
|
758
|
+
*/
|
|
323
759
|
height?: number;
|
|
760
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
324
761
|
label?: string;
|
|
762
|
+
/**
|
|
763
|
+
组件的水平或垂直排列方向。
|
|
764
|
+
* @defaultValue "horizontal"
|
|
765
|
+
*/
|
|
325
766
|
orientation?: "horizontal" | "vertical";
|
|
767
|
+
/**
|
|
768
|
+
* 是否允许通过拖拽图形修改数据。
|
|
769
|
+
* @defaultValue false
|
|
770
|
+
*/
|
|
326
771
|
calculable?: boolean;
|
|
772
|
+
/**
|
|
773
|
+
* 当前值;作为受控属性时,需要在变更回调中同步更新。
|
|
774
|
+
* @defaultValue max
|
|
775
|
+
*/
|
|
327
776
|
value?: number;
|
|
777
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
328
778
|
onChange?: (value: number) => void;
|
|
779
|
+
/** 是否启用范围选择,或指定选择范围。 */
|
|
329
780
|
range?: readonly [number, number];
|
|
781
|
+
/** 选择范围变化时调用。 */
|
|
330
782
|
onRangeChange?: (range: [number, number]) => void;
|
|
783
|
+
/** 分段视觉映射的区间配置。 */
|
|
331
784
|
pieces?: readonly {
|
|
785
|
+
/** 允许的最小值。 */
|
|
332
786
|
min?: number;
|
|
787
|
+
/** 允许的最大值。 */
|
|
333
788
|
max?: number;
|
|
789
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
334
790
|
label?: string;
|
|
791
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
335
792
|
color: string;
|
|
336
793
|
}[];
|
|
794
|
+
/** 当前选中的视觉映射分段。 */
|
|
337
795
|
selectedPieces?: readonly boolean[];
|
|
796
|
+
/** 切换分段选中状态时调用。 */
|
|
338
797
|
onPieceToggle?: (index: number) => void;
|
|
339
798
|
}
|
|
799
|
+
/** 图表视觉映射组件。 */
|
|
340
800
|
declare function ChartVisualMap({ min, max, colors, x, y, width, height, label, endLabels, indicatorValue, onHoverRange, realtime, svgHandles, orientation, calculable, value, onChange, range, onRangeChange, pieces, selectedPieces, onPieceToggle }: ChartVisualMapProps): react.JSX.Element;
|
|
801
|
+
/** 图表数据缩放的属性配置。 */
|
|
341
802
|
interface ChartDataZoomProps {
|
|
803
|
+
/** 缩放手柄的显示标签。 */
|
|
342
804
|
handleLabels?: readonly [ReactNode, ReactNode];
|
|
805
|
+
/** 数据阴影绘制范围。 */
|
|
343
806
|
shadowBounds?: {
|
|
807
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
344
808
|
width: number;
|
|
809
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
345
810
|
height: number;
|
|
346
811
|
};
|
|
812
|
+
/**
|
|
813
|
+
* 是否允许平移当前可视范围。
|
|
814
|
+
* @defaultValue false
|
|
815
|
+
*/
|
|
347
816
|
panEnabled?: boolean;
|
|
817
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
348
818
|
value: readonly [number, number];
|
|
819
|
+
/**
|
|
820
|
+
* 允许的最小值。
|
|
821
|
+
* @defaultValue 0
|
|
822
|
+
*/
|
|
349
823
|
min?: number;
|
|
824
|
+
/**
|
|
825
|
+
* 允许的最大值。
|
|
826
|
+
* @defaultValue 100
|
|
827
|
+
*/
|
|
350
828
|
max?: number;
|
|
829
|
+
/**
|
|
830
|
+
控件的无障碍名称,供屏幕阅读器识别。
|
|
831
|
+
* @defaultValue "图表可见范围"
|
|
832
|
+
*/
|
|
351
833
|
ariaLabel?: string;
|
|
834
|
+
/**
|
|
835
|
+
组件的水平或垂直排列方向。
|
|
836
|
+
* @defaultValue "horizontal"
|
|
837
|
+
*/
|
|
352
838
|
orientation?: "horizontal" | "vertical";
|
|
839
|
+
/**
|
|
840
|
+
* 缩放控件内的数据概览阴影。
|
|
841
|
+
* @defaultValue []
|
|
842
|
+
*/
|
|
353
843
|
dataShadow?: readonly number[];
|
|
844
|
+
/**
|
|
845
|
+
* 是否显示详细数值。
|
|
846
|
+
* @defaultValue false
|
|
847
|
+
*/
|
|
354
848
|
showDetail?: boolean;
|
|
849
|
+
/**
|
|
850
|
+
* 允许的最小区间跨度。
|
|
851
|
+
* @defaultValue 1
|
|
852
|
+
*/
|
|
355
853
|
minSpan?: number;
|
|
854
|
+
/** 将原始值转换为展示文本的函数。 */
|
|
356
855
|
formatter?: (value: number) => ReactNode;
|
|
856
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
357
857
|
onChange: (value: [number, number]) => void;
|
|
358
858
|
}
|
|
859
|
+
/** 图表数据缩放组件。 */
|
|
359
860
|
declare function ChartDataZoom({ value, min, max, ariaLabel, orientation, dataShadow, showDetail, minSpan, formatter, onChange, panEnabled, shadowBounds, handleLabels }: ChartDataZoomProps): react.JSX.Element;
|
|
861
|
+
/** 图表时间轴的属性配置。 */
|
|
360
862
|
interface ChartTimelineProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
863
|
+
/** 绘制或内容渲染器。 */
|
|
361
864
|
renderer?: 'html' | 'nodes';
|
|
865
|
+
/** 时间轴日期序列。 */
|
|
362
866
|
dates?: readonly string[];
|
|
867
|
+
/** 横向位置或 X 轴数据值。 */
|
|
363
868
|
x?: number;
|
|
869
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
364
870
|
y?: number;
|
|
871
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
365
872
|
width?: number;
|
|
873
|
+
/** 各操作入口的显示或无障碍文案。 */
|
|
366
874
|
labels: readonly string[];
|
|
875
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
367
876
|
value: number;
|
|
877
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
368
878
|
onChange: (index: number) => void;
|
|
879
|
+
/**
|
|
880
|
+
* 是否自动播放时间轴。
|
|
881
|
+
* @defaultValue false
|
|
882
|
+
*/
|
|
369
883
|
autoPlay?: boolean;
|
|
884
|
+
/**
|
|
885
|
+
* 自动播放切换的时间间隔。
|
|
886
|
+
* @defaultValue 2000
|
|
887
|
+
*/
|
|
370
888
|
playInterval?: number;
|
|
889
|
+
/**
|
|
890
|
+
* 是否循环播放。
|
|
891
|
+
* @defaultValue true
|
|
892
|
+
*/
|
|
371
893
|
loop?: boolean;
|
|
372
894
|
}
|
|
895
|
+
/** 图表时间轴组件。 */
|
|
373
896
|
declare function ChartTimeline({ labels, value, onChange, autoPlay, playInterval, loop, className, ...props }: ChartTimelineProps): react.JSX.Element;
|
|
897
|
+
/** 按数据索引循环读取调色板颜色。 */
|
|
374
898
|
declare function chartColor(index: number, palette?: readonly string[]): string;
|
|
899
|
+
/** 将图表数字转换为适合标签展示的简洁文本。 */
|
|
375
900
|
declare function formatChartNumber(value: number): string;
|
|
901
|
+
/** 根据数据计算包含整齐刻度的数据范围,可配置是否包含零和分段数量。 */
|
|
376
902
|
declare function niceChartDomain(values: readonly number[], includeZero?: boolean, splitNumber?: number, preferredSteps?: readonly number[]): [number, number, number];
|
|
903
|
+
/** 根据数据范围生成坐标轴刻度值。 */
|
|
377
904
|
declare function chartTicks(domain: readonly [number, number, number]): number[];
|
|
905
|
+
/** 将数据值从输入范围线性映射到输出范围。 */
|
|
378
906
|
declare function linearScale(value: number, domain: readonly [number, number], range: readonly [number, number]): number;
|
|
379
907
|
|
|
908
|
+
/** 根据坐标点集合生成平滑 SVG 路径。 */
|
|
380
909
|
declare function smoothSvgPath(points: readonly (readonly [number, number])[]): string;
|
|
381
910
|
|
|
911
|
+
/** 分时图的属性配置。 */
|
|
382
912
|
interface LineShareChartProps extends Omit<SiaChartProps, 'children'> {
|
|
913
|
+
/** 用于渲染的数据集合。 */
|
|
383
914
|
data: readonly {
|
|
915
|
+
/** 名称或字段标识。 */
|
|
384
916
|
name: string;
|
|
917
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
385
918
|
value: number;
|
|
386
919
|
}[];
|
|
920
|
+
/**
|
|
921
|
+
* 线条颜色。
|
|
922
|
+
* @defaultValue '#2ec7c9'
|
|
923
|
+
*/
|
|
387
924
|
lineColor?: string;
|
|
925
|
+
/**
|
|
926
|
+
* 分时图或共享数据区域的颜色。
|
|
927
|
+
* @defaultValue '#b6a2de'
|
|
928
|
+
*/
|
|
388
929
|
shareColor?: string;
|
|
389
930
|
}
|
|
390
931
|
/** A shifted area line and a masked share ring retain distinct displayed/raw values. */
|
|
391
932
|
declare const LineShareChart: react.ForwardRefExoticComponent<LineShareChartProps & react.RefAttributes<SiaChartRef>>;
|
|
392
933
|
|
|
934
|
+
/** 图表中可转移数据值的定位信息。 */
|
|
393
935
|
interface ChartValueAddress {
|
|
936
|
+
/** 关联的图表实例或配置。 */
|
|
394
937
|
chart: string;
|
|
938
|
+
/** 图表数据系列。 */
|
|
395
939
|
series: number;
|
|
940
|
+
/** 项目在当前集合中的索引,从 0 开始。 */
|
|
396
941
|
index: number;
|
|
397
942
|
}
|
|
943
|
+
/** 图表之间转移数据值的处理函数。 */
|
|
398
944
|
type ChartValueTransferHandler = (source: ChartValueAddress, target: ChartValueAddress) => boolean;
|
|
945
|
+
/** 组合图表参与数据转移的通信通道。 */
|
|
399
946
|
interface ChartValueChannel {
|
|
947
|
+
/** 唯一标识,用于关联实例或插件。 */
|
|
400
948
|
id: string;
|
|
949
|
+
/** 图表数据系列。 */
|
|
401
950
|
series: readonly {
|
|
951
|
+
/** 名称或字段标识。 */
|
|
402
952
|
name: string;
|
|
953
|
+
/** 用于渲染的数据集合。 */
|
|
403
954
|
data: readonly (number | null)[];
|
|
404
955
|
}[];
|
|
956
|
+
/** 是否将数据值限制为非负数。 */
|
|
405
957
|
nonNegative?: boolean;
|
|
406
958
|
}
|
|
407
959
|
/** Validate and calculate both sides before publishing either chart's new state. */
|
|
408
960
|
declare function transferCompositeValue(channels: readonly ChartValueChannel[], source: ChartValueAddress, target: ChartValueAddress): {
|
|
409
961
|
series: (Omit<{
|
|
962
|
+
/** 名称或字段标识。 */
|
|
410
963
|
name: string;
|
|
964
|
+
/** 用于渲染的数据集合。 */
|
|
411
965
|
data: readonly (number | null)[];
|
|
412
966
|
}, "data"> & {
|
|
413
967
|
data: (number | null)[];
|
|
414
968
|
})[];
|
|
969
|
+
/** 唯一标识,用于关联实例或插件。 */
|
|
415
970
|
id: string;
|
|
971
|
+
/** 是否将数据值限制为非负数。 */
|
|
416
972
|
nonNegative?: boolean;
|
|
417
973
|
}[];
|
|
418
974
|
|
|
975
|
+
/** 图表数据值暂存区的属性配置。 */
|
|
419
976
|
interface ChartValueIslandProps {
|
|
977
|
+
/** 名称或字段标识。 */
|
|
420
978
|
name: string;
|
|
979
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
421
980
|
value: number;
|
|
981
|
+
/** 横向位置或 X 轴数据值。 */
|
|
422
982
|
x: number;
|
|
983
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
423
984
|
y: number;
|
|
985
|
+
/**
|
|
986
|
+
* 显示颜色,可使用 CSS 颜色值。
|
|
987
|
+
* @defaultValue '#2ec7c9'
|
|
988
|
+
*/
|
|
424
989
|
color?: string;
|
|
990
|
+
/** 拖放完成时调用,提供拖拽源和目标位置。 */
|
|
425
991
|
onDrop: (target: ChartValueAddress | null, point: readonly [number, number]) => void;
|
|
992
|
+
/**
|
|
993
|
+
* 根据当前上下文解析目标图表或数据位置。
|
|
994
|
+
* @defaultValue findCompositeValueTarget
|
|
995
|
+
*/
|
|
426
996
|
resolveTarget?: (element: SVGGElement, x: number, y: number) => ChartValueAddress | null;
|
|
427
997
|
}
|
|
428
998
|
/** SVG island representing a value already removed from its source series. */
|
|
@@ -430,112 +1000,208 @@ declare function ChartValueIsland({ name, value, x, y, color, onDrop, resolveTar
|
|
|
430
1000
|
|
|
431
1001
|
/** Stacked chart panels retain their actual document positions and inter-panel gaps. */
|
|
432
1002
|
declare function serializeChartStack(host: HTMLElement): string | null;
|
|
1003
|
+
/** 将组合图表的 SVG 内容转换并下载为图片。 */
|
|
433
1004
|
declare function saveCompositeImage(source: string | null, filename?: string): Promise<void>;
|
|
434
1005
|
|
|
435
1006
|
/** Finite data extent plus proportional padding, before nice-tick rounding. */
|
|
436
1007
|
declare function paddedValueExtent(values: readonly number[], padding?: number): readonly [number, number];
|
|
437
1008
|
|
|
1009
|
+
/** 图表数据编辑器的属性配置。 */
|
|
438
1010
|
interface ChartDataEditorProps<T extends number | null = number> {
|
|
1011
|
+
/** 图表数据系列。 */
|
|
439
1012
|
series: readonly {
|
|
1013
|
+
/** 名称或字段标识。 */
|
|
440
1014
|
name: string;
|
|
1015
|
+
/** 用于渲染的数据集合。 */
|
|
441
1016
|
data: readonly T[];
|
|
442
1017
|
}[];
|
|
1018
|
+
/** 用户应用修改时调用。 */
|
|
443
1019
|
onApply: (values: T[][]) => void;
|
|
1020
|
+
/**
|
|
1021
|
+
* 是否允许空值。
|
|
1022
|
+
* @defaultValue false
|
|
1023
|
+
*/
|
|
444
1024
|
allowNull?: boolean;
|
|
1025
|
+
/**
|
|
1026
|
+
* 是否只读,禁止编辑数据。
|
|
1027
|
+
* @defaultValue false
|
|
1028
|
+
*/
|
|
445
1029
|
readOnly?: boolean;
|
|
446
1030
|
}
|
|
447
1031
|
/** Numeric data editor. JSON is parsed as data, never evaluated as JavaScript. */
|
|
448
1032
|
declare function ChartDataEditor<T extends number | null = number>({ series, onApply, readOnly, allowNull }: ChartDataEditorProps<T>): react.JSX.Element;
|
|
449
1033
|
|
|
1034
|
+
/** 二维坐标图中的一个数据点。 */
|
|
450
1035
|
type XYPoint = readonly [number, number, number?];
|
|
1036
|
+
/** XY的数据系列。 */
|
|
451
1037
|
interface XYSeries {
|
|
1038
|
+
/** 名称或字段标识。 */
|
|
452
1039
|
name: string;
|
|
1040
|
+
/** 用于渲染的数据集合。 */
|
|
453
1041
|
data: readonly XYPoint[];
|
|
1042
|
+
/** 连接数据点的曲线类型。 */
|
|
454
1043
|
curve?: "smooth" | "straight";
|
|
1044
|
+
/** 数据点符号的半径。 */
|
|
455
1045
|
symbolRadius?: number | ((point: XYPoint) => number);
|
|
1046
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
456
1047
|
color?: string;
|
|
1048
|
+
/** 图形几何形状及布局参数。 */
|
|
457
1049
|
geometry?: "line" | "bar";
|
|
1050
|
+
/** 柱状图的排列方向。 */
|
|
458
1051
|
barOrientation?: "vertical" | "horizontal";
|
|
1052
|
+
/** 柱形的尺寸。 */
|
|
459
1053
|
barSize?: number;
|
|
1054
|
+
/** 统计信息或统计标记配置。 */
|
|
460
1055
|
statistics?: boolean;
|
|
461
1056
|
}
|
|
1057
|
+
/** 二维坐标图的属性配置。 */
|
|
462
1058
|
interface XYChartProps extends Omit<SiaChartProps, "children"> {
|
|
1059
|
+
/** 图表数据系列。 */
|
|
463
1060
|
series: readonly XYSeries[];
|
|
1061
|
+
/** X 轴的数据范围。 */
|
|
464
1062
|
xDomain?: readonly [number, number, number];
|
|
1063
|
+
/** Y 轴的数据范围。 */
|
|
465
1064
|
yDomain?: readonly [number, number, number];
|
|
1065
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
466
1066
|
animationProgress?: number;
|
|
1067
|
+
/**
|
|
1068
|
+
* 是否允许通过拖拽图形修改数据。
|
|
1069
|
+
* @defaultValue false
|
|
1070
|
+
*/
|
|
467
1071
|
calculable?: boolean;
|
|
1072
|
+
/**
|
|
1073
|
+
* X 轴类型。
|
|
1074
|
+
* @defaultValue "value"
|
|
1075
|
+
*/
|
|
468
1076
|
xAxisType?: "value" | "time";
|
|
1077
|
+
/** X 轴数值的格式化函数。 */
|
|
469
1078
|
xFormatter?: (value: number) => string;
|
|
1079
|
+
/** 提示框内容的格式化函数。 */
|
|
470
1080
|
tooltipFormatter?: (point: XYPoint, series: XYSeries) => ReactNode;
|
|
1081
|
+
/**
|
|
1082
|
+
* 数据区域缩放配置。
|
|
1083
|
+
* @defaultValue false
|
|
1084
|
+
*/
|
|
471
1085
|
dataZoom?: boolean;
|
|
1086
|
+
/**
|
|
1087
|
+
* 初始缩放范围或缩放级别。
|
|
1088
|
+
* @defaultValue [0,100]
|
|
1089
|
+
*/
|
|
472
1090
|
defaultZoom?: readonly [number, number];
|
|
1091
|
+
/** 缩放范围变化时调用。 */
|
|
473
1092
|
onZoomChange?: (value: readonly [number, number]) => void;
|
|
1093
|
+
/** 数据被交互修改后调用。 */
|
|
474
1094
|
onDataChange?: (series: readonly XYSeries[]) => void;
|
|
475
1095
|
}
|
|
476
1096
|
/** Two genuinely numeric axes; bar direction belongs to the series, not the chart. */
|
|
477
1097
|
declare const XYChart: react.ForwardRefExoticComponent<XYChartProps & react.RefAttributes<SiaChartRef>>;
|
|
478
1098
|
|
|
1099
|
+
/** 地图宿主支持订阅的视图事件名称。 */
|
|
479
1100
|
type MapOverlayEvent = 'moving' | 'moveend' | 'zoomend' | 'resize';
|
|
1101
|
+
/** 地图宿主当前的尺寸、中心和缩放状态快照。 */
|
|
480
1102
|
interface MapOverlaySnapshot {
|
|
1103
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
481
1104
|
width: number;
|
|
1105
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
482
1106
|
height: number;
|
|
1107
|
+
/** 将数据或地理坐标投影为绘图坐标。 */
|
|
483
1108
|
project: (coordinate: readonly [number, number]) => readonly [number, number];
|
|
1109
|
+
/** 相对于默认位置的偏移。 */
|
|
484
1110
|
offset?: readonly [number, number];
|
|
485
1111
|
}
|
|
486
1112
|
/** A host adapter owns only the map instance it creates, never a shared map. */
|
|
487
1113
|
interface MapOverlayHost {
|
|
1114
|
+
/** 读取地图宿主的当前视图快照。 */
|
|
488
1115
|
snapshot: () => MapOverlaySnapshot;
|
|
1116
|
+
/** 订阅状态变化;返回的函数用于取消订阅。 */
|
|
489
1117
|
subscribe: (event: MapOverlayEvent, listener: () => void) => () => void;
|
|
1118
|
+
/** 销毁地图宿主并释放事件监听及相关资源。 */
|
|
490
1119
|
destroy: () => void;
|
|
491
1120
|
}
|
|
492
1121
|
|
|
1122
|
+
/** 地图叠加图层的属性配置。 */
|
|
493
1123
|
interface ChartMapOverlayProps {
|
|
494
1124
|
/** Keep this factory stable. It must return an adapter for a newly owned host instance. */
|
|
495
1125
|
createHost: (element: HTMLDivElement) => MapOverlayHost;
|
|
1126
|
+
/** 叠加图层渲染函数,接收地图宿主和视图上下文。 */
|
|
496
1127
|
children: (snapshot: MapOverlaySnapshot) => ReactNode;
|
|
1128
|
+
/** 附加到组件根节点的 CSS 类名。 */
|
|
497
1129
|
className?: string;
|
|
1130
|
+
/** 组件根节点的内联样式。 */
|
|
498
1131
|
style?: CSSProperties;
|
|
1132
|
+
/**
|
|
1133
|
+
控件的无障碍名称,供屏幕阅读器识别。
|
|
1134
|
+
* @defaultValue '地图叠加图表'
|
|
1135
|
+
*/
|
|
499
1136
|
ariaLabel?: string;
|
|
1137
|
+
/** 操作发生错误时调用,可用于显示业务错误提示。 */
|
|
500
1138
|
onError?: (error: unknown) => void;
|
|
501
1139
|
}
|
|
502
1140
|
/** Mounts the external base map separately from the Sia chart's transparent overlay. */
|
|
503
1141
|
declare function ChartMapOverlay({ createHost, children, className, style, ariaLabel, onError }: ChartMapOverlayProps): react.JSX.Element;
|
|
504
1142
|
|
|
1143
|
+
/** 百度地图经纬度坐标点。 */
|
|
505
1144
|
interface BaiduMapPoint {
|
|
1145
|
+
/** 地理经度。 */
|
|
506
1146
|
lng: number;
|
|
1147
|
+
/** 地理纬度。 */
|
|
507
1148
|
lat: number;
|
|
508
1149
|
}
|
|
1150
|
+
/** 地图宿主需要的百度地图实例能力,用于视图同步和坐标投影。 */
|
|
509
1151
|
interface BaiduMapInstance {
|
|
1152
|
+
/** 设置地图中心和缩放级别。 */
|
|
510
1153
|
centerAndZoom: (point: BaiduMapPoint, zoom: number) => void;
|
|
1154
|
+
/** 启用鼠标滚轮缩放。 */
|
|
511
1155
|
enableScrollWheelZoom: () => void;
|
|
1156
|
+
/** 禁用鼠标滚轮缩放。 */
|
|
512
1157
|
disableScrollWheelZoom: () => void;
|
|
1158
|
+
/** 禁用地图拖拽。 */
|
|
513
1159
|
disableDragging: () => void;
|
|
1160
|
+
/** 禁用地图自动尺寸调整。 */
|
|
514
1161
|
disableAutoResize: () => void;
|
|
1162
|
+
/** 清除地图覆盖物。 */
|
|
515
1163
|
clearOverlays: () => void;
|
|
1164
|
+
/** 读取容器或地图尺寸。 */
|
|
516
1165
|
getSize: () => {
|
|
1166
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
517
1167
|
width: number;
|
|
1168
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
518
1169
|
height: number;
|
|
519
1170
|
};
|
|
1171
|
+
/** 将地理坐标转换为屏幕像素坐标。 */
|
|
520
1172
|
pointToPixel: (point: BaiduMapPoint) => {
|
|
1173
|
+
/** 横向位置或 X 轴数据值。 */
|
|
521
1174
|
x: number;
|
|
1175
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
522
1176
|
y: number;
|
|
523
1177
|
};
|
|
1178
|
+
/** 设置地图主题样式。 */
|
|
524
1179
|
setMapStyle: (style: {
|
|
1180
|
+
/** 地图 SDK 使用的 JSON 样式规则。 */
|
|
525
1181
|
styleJson: readonly unknown[];
|
|
526
1182
|
}) => void;
|
|
1183
|
+
/** 注册指定事件的监听函数。 */
|
|
527
1184
|
addEventListener: (event: string, listener: () => void) => void;
|
|
1185
|
+
/** 移除指定事件的监听函数。 */
|
|
528
1186
|
removeEventListener: (event: string, listener: () => void) => void;
|
|
529
1187
|
}
|
|
1188
|
+
/** 百度地图 SDK 的构造函数入口集合。 */
|
|
530
1189
|
interface BaiduMapNamespace {
|
|
1190
|
+
/** 地图构造函数,由接入的地图 SDK 提供。 */
|
|
531
1191
|
Map: new (element: HTMLElement, options: {
|
|
1192
|
+
/** 是否启用地图点击交互。 */
|
|
532
1193
|
enableMapClick: boolean;
|
|
533
1194
|
}) => BaiduMapInstance;
|
|
1195
|
+
/** 地理坐标点构造函数。 */
|
|
534
1196
|
Point: new (longitude: number, latitude: number) => BaiduMapPoint;
|
|
535
1197
|
}
|
|
1198
|
+
/** BaiduMapHost的配置选项。 */
|
|
536
1199
|
interface BaiduMapHostOptions {
|
|
1200
|
+
/** 中心位置。 */
|
|
537
1201
|
center: readonly [number, number];
|
|
1202
|
+
/** 缩放级别或缩放范围。 */
|
|
538
1203
|
zoom: number;
|
|
1204
|
+
/** 地图 SDK 使用的 JSON 样式规则。 */
|
|
539
1205
|
styleJson?: readonly unknown[];
|
|
540
1206
|
/** Optional SDK-version-specific cleanup. v2 has no documented Map.destroy API. */
|
|
541
1207
|
releaseMap?: (map: BaiduMapInstance) => void;
|
|
@@ -543,17 +1209,42 @@ interface BaiduMapHostOptions {
|
|
|
543
1209
|
/** Uses a caller-provided SDK; never loads scripts, keys or a chart runtime. */
|
|
544
1210
|
declare function createBaiduMapHost(element: HTMLElement, sdk: BaiduMapNamespace, options: BaiduMapHostOptions): MapOverlayHost;
|
|
545
1211
|
|
|
1212
|
+
/** ChartPulseRing的属性配置。 */
|
|
546
1213
|
interface ChartPulseRingProps {
|
|
1214
|
+
/** 中心位置。 */
|
|
547
1215
|
center: readonly [number, number];
|
|
1216
|
+
/** 图形半径或圆角配置。 */
|
|
548
1217
|
radius: number;
|
|
1218
|
+
/**
|
|
1219
|
+
* 缩放后的尺寸比例。
|
|
1220
|
+
* @defaultValue 2
|
|
1221
|
+
*/
|
|
549
1222
|
scaleSize?: number;
|
|
1223
|
+
/**
|
|
1224
|
+
* 显示颜色,可使用 CSS 颜色值。
|
|
1225
|
+
* @defaultValue 'gold'
|
|
1226
|
+
*/
|
|
550
1227
|
color?: string;
|
|
1228
|
+
/**
|
|
1229
|
+
* 阴影模糊半径。
|
|
1230
|
+
* @defaultValue 10
|
|
1231
|
+
*/
|
|
551
1232
|
shadowBlur?: number;
|
|
1233
|
+
/**
|
|
1234
|
+
* 周期动画的周期时长。
|
|
1235
|
+
* @defaultValue 15
|
|
1236
|
+
*/
|
|
552
1237
|
period?: number;
|
|
1238
|
+
/** 当前进度。 */
|
|
553
1239
|
progress?: number;
|
|
1240
|
+
/**
|
|
1241
|
+
* 是否启用该功能。
|
|
1242
|
+
* @defaultValue true
|
|
1243
|
+
*/
|
|
554
1244
|
enabled?: boolean;
|
|
555
1245
|
}
|
|
556
1246
|
|
|
1247
|
+
/** 混合图中柱形与柱组的间隔配置。 */
|
|
557
1248
|
interface MixedBarSpacing {
|
|
558
1249
|
/** Fraction of each category band reserved between category groups. */
|
|
559
1250
|
categoryGap: number;
|
|
@@ -563,8 +1254,11 @@ interface MixedBarSpacing {
|
|
|
563
1254
|
pixelAlign?: boolean;
|
|
564
1255
|
}
|
|
565
1256
|
|
|
1257
|
+
/** MixedValueDomain的配置选项。 */
|
|
566
1258
|
interface MixedValueDomainOptions {
|
|
1259
|
+
/** 轴端是否保留间隔,或两端间隔的配置。 */
|
|
567
1260
|
boundaryGap?: readonly [number, number];
|
|
1261
|
+
/** 坐标轴或仪表盘的分段数量。 */
|
|
568
1262
|
splitNumber?: number;
|
|
569
1263
|
/** Select a readable step near this count without forcing exactly that many sections. */
|
|
570
1264
|
targetSplitNumber?: number;
|
|
@@ -572,133 +1266,232 @@ interface MixedValueDomainOptions {
|
|
|
572
1266
|
preferredSteps?: readonly number[];
|
|
573
1267
|
}
|
|
574
1268
|
|
|
1269
|
+
/** 使用 Canvas 批量绘制的地图点分组。 */
|
|
575
1270
|
interface LargeMapPointCanvasGroup {
|
|
1271
|
+
/** 名称或字段标识。 */
|
|
576
1272
|
name: string;
|
|
1273
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
577
1274
|
color: string;
|
|
1275
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
578
1276
|
size: number;
|
|
1277
|
+
/** 数据点或节点使用的图形符号。 */
|
|
579
1278
|
symbol: 'rect' | 'diamond';
|
|
1279
|
+
/** 数据点集合。 */
|
|
580
1280
|
points: readonly (readonly [number, number])[];
|
|
581
1281
|
}
|
|
582
1282
|
|
|
1283
|
+
/** 矩阵弦图节点、弦带和刻度的外观配置。 */
|
|
583
1284
|
interface MatrixChordAppearance {
|
|
1285
|
+
/** 边框颜色。 */
|
|
584
1286
|
borderColor?: string;
|
|
1287
|
+
/** 边框线宽。 */
|
|
585
1288
|
borderWidth?: number;
|
|
1289
|
+
/** 悬停状态的边框颜色。 */
|
|
586
1290
|
hoverBorderColor?: string;
|
|
1291
|
+
/** 悬停状态的边框宽度。 */
|
|
587
1292
|
hoverBorderWidth?: number;
|
|
1293
|
+
/** 标签与关联图形的间距。 */
|
|
588
1294
|
labelDistance?: number;
|
|
1295
|
+
/** 在指定文本范围显示错误、警告或信息波浪线 */
|
|
589
1296
|
markers?: readonly {
|
|
1297
|
+
/** 名称或字段标识。 */
|
|
590
1298
|
name: string;
|
|
1299
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
591
1300
|
value: number;
|
|
1301
|
+
/** 横向位置或 X 轴数据值。 */
|
|
592
1302
|
x: number;
|
|
1303
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
593
1304
|
y: number;
|
|
1305
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
594
1306
|
size: number;
|
|
1307
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
595
1308
|
color?: string;
|
|
596
1309
|
}[];
|
|
597
1310
|
}
|
|
598
1311
|
|
|
599
1312
|
/** Parameters of the native solver, not a promise of ECharts physics equivalence. */
|
|
600
1313
|
interface ForceLayoutOptions {
|
|
1314
|
+
/** 每帧执行的布局迭代次数。 */
|
|
601
1315
|
stepsPerFrame?: number;
|
|
1316
|
+
/** 布局模型或数据模型。 */
|
|
602
1317
|
model?: 'native' | 'legacy';
|
|
1318
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
603
1319
|
width?: number;
|
|
1320
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
604
1321
|
height?: number;
|
|
1322
|
+
/** 力导向布局的冷却系数。 */
|
|
605
1323
|
coolDown?: number;
|
|
1324
|
+
/** 允许的最小半径。 */
|
|
606
1325
|
minRadius?: number;
|
|
1326
|
+
/** 允许的最大半径。 */
|
|
607
1327
|
maxRadius?: number;
|
|
1328
|
+
/** 随机布局的种子,用于复现相同布局。 */
|
|
608
1329
|
seed?: number;
|
|
1330
|
+
/** 中心位置。 */
|
|
609
1331
|
center?: {
|
|
1332
|
+
/** 横向位置或 X 轴数据值。 */
|
|
610
1333
|
x: number;
|
|
1334
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
611
1335
|
y: number;
|
|
612
1336
|
};
|
|
1337
|
+
/** 布局引力强度。 */
|
|
613
1338
|
gravity?: number;
|
|
1339
|
+
/** 布局缩放系数。 */
|
|
614
1340
|
scaling?: number;
|
|
1341
|
+
/** 布局中的目标连线距离。 */
|
|
615
1342
|
linkDistance?: number;
|
|
1343
|
+
/** 布局迭代次数。 */
|
|
616
1344
|
iterations?: number;
|
|
1345
|
+
/** 是否根据连线权重调整布局。 */
|
|
617
1346
|
weightedLinks?: boolean;
|
|
1347
|
+
/** 参与布局或渲染的最大节点数。 */
|
|
618
1348
|
maxNodes?: number;
|
|
619
1349
|
}
|
|
620
1350
|
|
|
1351
|
+
/** 热力渐变中的一个颜色停靠点。 */
|
|
621
1352
|
interface HeatGradientStop {
|
|
1353
|
+
/** 相对于默认位置的偏移。 */
|
|
622
1354
|
offset: number;
|
|
1355
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
623
1356
|
color: readonly [number, number, number];
|
|
624
1357
|
}
|
|
1358
|
+
/** HeatRaster的配置选项。 */
|
|
625
1359
|
interface HeatRasterOptions {
|
|
1360
|
+
/** 图形半径或圆角配置。 */
|
|
626
1361
|
radius?: number;
|
|
1362
|
+
/** 模糊半径。 */
|
|
627
1363
|
blur?: number;
|
|
1364
|
+
/** 最小透明度。 */
|
|
628
1365
|
minAlpha?: number;
|
|
1366
|
+
/** 将数据值映射到显示尺寸的比例尺。 */
|
|
629
1367
|
valueScale?: number;
|
|
1368
|
+
/** 透明度,0 为完全透明,1 为完全不透明。 */
|
|
630
1369
|
opacity?: number;
|
|
1370
|
+
/** 渐变填充配置。 */
|
|
631
1371
|
gradient?: readonly HeatGradientStop[];
|
|
632
1372
|
}
|
|
633
1373
|
|
|
1374
|
+
/** 词云布局使用的可放置区域边界。 */
|
|
634
1375
|
interface CloudBounds {
|
|
1376
|
+
/** 横向位置或 X 轴数据值。 */
|
|
635
1377
|
x: number;
|
|
1378
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
636
1379
|
y: number;
|
|
1380
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
637
1381
|
width: number;
|
|
1382
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
638
1383
|
height: number;
|
|
639
1384
|
}
|
|
640
1385
|
|
|
1386
|
+
/** 树图节点及连线的显示样式。 */
|
|
641
1387
|
interface TreeItemStyle {
|
|
1388
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
642
1389
|
color?: string;
|
|
1390
|
+
/** 边框颜色。 */
|
|
643
1391
|
borderColor?: string;
|
|
1392
|
+
/** 边框线宽。 */
|
|
644
1393
|
borderWidth?: number;
|
|
1394
|
+
/** 框选工具的选择形状或方式。 */
|
|
645
1395
|
brushType?: 'fill' | 'stroke' | 'both';
|
|
1396
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
646
1397
|
label?: {
|
|
1398
|
+
/** 是否显示该功能。 */
|
|
647
1399
|
show?: boolean;
|
|
1400
|
+
/** 显示位置或定位配置。 */
|
|
648
1401
|
position?: 'inside' | 'right' | 'left' | 'top' | 'bottom';
|
|
1402
|
+
/** 将原始值转换为展示文本的函数。 */
|
|
649
1403
|
formatter?: string;
|
|
1404
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
650
1405
|
color?: string;
|
|
1406
|
+
/** 文字大小,单位为像素。 */
|
|
651
1407
|
fontSize?: number;
|
|
1408
|
+
/** 文字粗细,可使用数字或 CSS 字重名称。 */
|
|
652
1409
|
fontWeight?: string | number;
|
|
653
1410
|
};
|
|
654
1411
|
}
|
|
655
1412
|
|
|
656
1413
|
/** Per-region overrides are resolved independently for normal and emphasized states. */
|
|
657
1414
|
interface MapRegionAppearance {
|
|
1415
|
+
/** 地图区域样式。 */
|
|
658
1416
|
regionStyle?: CSSProperties;
|
|
1417
|
+
/** 地图区域高亮样式。 */
|
|
659
1418
|
emphasisRegionStyle?: CSSProperties;
|
|
1419
|
+
/** 标签文字样式。 */
|
|
660
1420
|
labelStyle?: CSSProperties;
|
|
1421
|
+
/** 高亮状态的标签样式。 */
|
|
661
1422
|
emphasisLabelStyle?: CSSProperties;
|
|
1423
|
+
/** 是否显示数据标签。 */
|
|
662
1424
|
showLabels?: boolean;
|
|
1425
|
+
/** 高亮时是否显示标签集合。 */
|
|
663
1426
|
showEmphasisLabels?: boolean;
|
|
664
1427
|
}
|
|
665
1428
|
|
|
1429
|
+
/** 路径捆绑算法使用的二维坐标点。 */
|
|
666
1430
|
type BundlePoint = readonly [number, number];
|
|
1431
|
+
/** 参与路径捆绑的连线定义。 */
|
|
667
1432
|
interface BundleEdge {
|
|
1433
|
+
/** 触发来源,用于区分不同入口的操作。 */
|
|
668
1434
|
source: BundlePoint;
|
|
1435
|
+
/** 关联的目标元素或获取目标元素的函数。 */
|
|
669
1436
|
target: BundlePoint;
|
|
670
1437
|
}
|
|
671
1438
|
|
|
1439
|
+
/** 地图捆绑路径数据及其视觉和动画配置。 */
|
|
672
1440
|
interface BundledMapLines {
|
|
1441
|
+
/** 节点之间的边集合。 */
|
|
673
1442
|
edges: readonly BundleEdge[];
|
|
1443
|
+
/** 数据点集合。 */
|
|
674
1444
|
points?: readonly BundlePoint[];
|
|
1445
|
+
/** 曲线平滑程度。 */
|
|
675
1446
|
smoothness?: number;
|
|
1447
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
676
1448
|
color?: string;
|
|
1449
|
+
/** 透明度,0 为完全透明,1 为完全不透明。 */
|
|
677
1450
|
opacity?: number;
|
|
1451
|
+
/** 线条粗细。 */
|
|
678
1452
|
lineWidth?: number;
|
|
1453
|
+
/** 数据点颜色。 */
|
|
679
1454
|
pointColor?: string;
|
|
1455
|
+
/** 数据点半径。 */
|
|
680
1456
|
pointRadius?: number;
|
|
1457
|
+
/** 滚动或淡入效果 */
|
|
681
1458
|
effect?: {
|
|
1459
|
+
/** 周期动画的周期时长。 */
|
|
682
1460
|
period?: number;
|
|
1461
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
683
1462
|
color?: string;
|
|
1463
|
+
/** 图形半径或圆角配置。 */
|
|
684
1464
|
radius?: number;
|
|
1465
|
+
/** 阴影模糊半径。 */
|
|
685
1466
|
shadowBlur?: number;
|
|
1467
|
+
/** 阴影颜色。 */
|
|
686
1468
|
shadowColor?: string;
|
|
1469
|
+
/** 透明度或布局迭代的衰减参数。 */
|
|
687
1470
|
alpha?: number;
|
|
688
1471
|
};
|
|
689
1472
|
}
|
|
690
1473
|
|
|
1474
|
+
/** 特殊地理区域的独立位置和缩放配置。 */
|
|
691
1475
|
type MapSpecialArea = {
|
|
1476
|
+
/** 距左侧的位置或间距。 */
|
|
692
1477
|
left: number;
|
|
1478
|
+
/** 距顶部的位置或间距。 */
|
|
693
1479
|
top: number;
|
|
1480
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
694
1481
|
width: number;
|
|
1482
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
695
1483
|
height: number;
|
|
696
1484
|
};
|
|
697
1485
|
|
|
1486
|
+
/** 矩形树图布局计算得到的矩形边界。 */
|
|
698
1487
|
interface TreemapLayoutBox {
|
|
1488
|
+
/** 横向位置或 X 轴数据值。 */
|
|
699
1489
|
x: number;
|
|
1490
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
700
1491
|
y: number;
|
|
1492
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
701
1493
|
width: number;
|
|
1494
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
702
1495
|
height: number;
|
|
703
1496
|
}
|
|
704
1497
|
|
|
@@ -739,1321 +1532,3026 @@ declare function useBarValueTransfer(series: readonly BarSeries[], initial: read
|
|
|
739
1532
|
reset: () => void;
|
|
740
1533
|
};
|
|
741
1534
|
|
|
1535
|
+
/** Chart的数据系列。 */
|
|
742
1536
|
interface ChartSeries {
|
|
1537
|
+
/** 名称或字段标识。 */
|
|
743
1538
|
name: string;
|
|
1539
|
+
/** 用于渲染的数据集合。 */
|
|
744
1540
|
data: readonly number[];
|
|
1541
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
745
1542
|
color?: string;
|
|
746
1543
|
}
|
|
1544
|
+
/** CartesianChart的属性配置。 */
|
|
747
1545
|
interface CartesianChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
1546
|
+
/** 类目或数据分组集合。 */
|
|
748
1547
|
categories: readonly string[];
|
|
1548
|
+
/** 图表数据系列。 */
|
|
749
1549
|
series: readonly ChartSeries[];
|
|
1550
|
+
/** 是否显示图例。 */
|
|
750
1551
|
showLegend?: boolean;
|
|
1552
|
+
/** 是否允许通过图例切换系列显示。 */
|
|
751
1553
|
legendInteractive?: boolean;
|
|
1554
|
+
/** 图例项目的选中状态。 */
|
|
752
1555
|
legendSelected?: Readonly<Record<string, boolean>>;
|
|
1556
|
+
/** 图例选中状态变化时调用。 */
|
|
753
1557
|
onLegendSelectionChange?: (selected: Record<string, boolean>) => void;
|
|
1558
|
+
/** 将数值格式化为显示文本的函数。 */
|
|
754
1559
|
valueFormatter?: (value: number) => ReactNode;
|
|
1560
|
+
/** 点击图表数据项时调用。 */
|
|
755
1561
|
onDataClick?: (info: ChartDataClickInfo<number>) => void;
|
|
756
1562
|
}
|
|
1563
|
+
/** 折线图上的一个数据点。 */
|
|
757
1564
|
type LinePoint = readonly [number | string | Date, number];
|
|
1565
|
+
/** Line的数据系列。 */
|
|
758
1566
|
interface LineSeries extends Omit<ChartSeries, "data"> {
|
|
1567
|
+
/** 标签文字样式。 */
|
|
759
1568
|
labelStyle?: CSSProperties;
|
|
1569
|
+
/** 高亮状态的标签样式。 */
|
|
760
1570
|
emphasisLabelStyle?: CSSProperties;
|
|
1571
|
+
/** 高亮时是否显示标签集合。 */
|
|
761
1572
|
showEmphasisLabels?: boolean;
|
|
1573
|
+
/** 标签文本格式化函数。 */
|
|
762
1574
|
labelFormatter?: (value: number, category: string, index: number) => ReactNode;
|
|
1575
|
+
/** 高亮标签格式化函数。 */
|
|
763
1576
|
emphasisLabelFormatter?: (value: number, category: string, index: number) => ReactNode;
|
|
1577
|
+
/** 按数据点设置的样式集合。 */
|
|
764
1578
|
pointStyles?: readonly {
|
|
1579
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
765
1580
|
color?: string;
|
|
1581
|
+
/** 高亮状态的颜色。 */
|
|
766
1582
|
emphasisColor?: string;
|
|
1583
|
+
/** 数据符号尺寸。 */
|
|
767
1584
|
symbolSize?: number;
|
|
1585
|
+
/** 数据点或节点使用的图形符号。 */
|
|
768
1586
|
symbol?: LineSeries['symbol'];
|
|
1587
|
+
/** 数据符号使用的图片。 */
|
|
769
1588
|
symbolImage?: string;
|
|
1589
|
+
/** 数据符号旋转角度。 */
|
|
770
1590
|
symbolRotate?: number;
|
|
1591
|
+
/** 标签显示位置。 */
|
|
771
1592
|
labelPosition?: 'inside' | 'top';
|
|
1593
|
+
/** 高亮状态的标签位置。 */
|
|
772
1594
|
emphasisLabelPosition?: 'inside' | 'top';
|
|
1595
|
+
/** 是否显示标签文本。 */
|
|
773
1596
|
showLabel?: boolean;
|
|
1597
|
+
/** 高亮时是否显示标签。 */
|
|
774
1598
|
showEmphasisLabel?: boolean;
|
|
1599
|
+
/** 标签文字样式。 */
|
|
775
1600
|
labelStyle?: CSSProperties;
|
|
1601
|
+
/** 高亮状态的标签样式。 */
|
|
776
1602
|
emphasisLabelStyle?: CSSProperties;
|
|
777
1603
|
}[];
|
|
1604
|
+
/** 高亮状态的颜色。 */
|
|
778
1605
|
emphasisColor?: string;
|
|
1606
|
+
/** 图形填充渐变配置。 */
|
|
779
1607
|
fillGradient?: BarLinearGradient;
|
|
1608
|
+
/** 面积区域的填充渐变。 */
|
|
780
1609
|
areaGradient?: BarLinearGradient;
|
|
1610
|
+
/** 线条阴影配置。 */
|
|
781
1611
|
lineShadow?: {
|
|
1612
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
782
1613
|
color: string;
|
|
1614
|
+
/** 模糊半径。 */
|
|
783
1615
|
blur: number;
|
|
1616
|
+
/** 水平方向的偏移量。 */
|
|
784
1617
|
offsetX?: number;
|
|
1618
|
+
/** 垂直方向的偏移量。 */
|
|
785
1619
|
offsetY?: number;
|
|
786
1620
|
};
|
|
1621
|
+
/** 统计标线配置。 */
|
|
787
1622
|
statisticLines?: readonly ('average' | 'min' | 'max')[];
|
|
1623
|
+
/** 用于渲染的数据集合。 */
|
|
788
1624
|
data: readonly (number | LinePoint)[];
|
|
1625
|
+
/** 堆叠分组标识;同标识的数据系列参与同组堆叠。 */
|
|
789
1626
|
stack?: string;
|
|
1627
|
+
/** 连接数据点的曲线类型。 */
|
|
790
1628
|
curve?: "straight" | "smooth" | "step";
|
|
1629
|
+
/** 面积区域填充配置。 */
|
|
791
1630
|
area?: boolean;
|
|
1631
|
+
/** 是否显示数据点。 */
|
|
792
1632
|
showPoints?: boolean;
|
|
1633
|
+
/** 是否显示平均值标记。 */
|
|
793
1634
|
markAverage?: boolean;
|
|
1635
|
+
/** 是否显示最小值标记。 */
|
|
794
1636
|
markMin?: boolean;
|
|
1637
|
+
/** 是否显示最大值标记。 */
|
|
795
1638
|
markMax?: boolean;
|
|
1639
|
+
/** 是否显示数据标签。 */
|
|
796
1640
|
showLabels?: boolean;
|
|
1641
|
+
/** 线条样式。 */
|
|
797
1642
|
lineStyle?: "solid" | "dashed" | "dotted";
|
|
1643
|
+
/** 线条粗细。 */
|
|
798
1644
|
lineWidth?: number;
|
|
1645
|
+
/** 数据点或节点使用的图形符号。 */
|
|
799
1646
|
symbol?: "circle" | "square" | "diamond" | "none" | "star" | "star6" | "heart" | "emptyHeart" | "droplet" | "pin" | "emptyPin" | "arrow" | "emptyCircle" | "image";
|
|
1647
|
+
/** 数据符号使用的图片。 */
|
|
800
1648
|
symbolImage?: string;
|
|
1649
|
+
/** 数据符号旋转角度。 */
|
|
801
1650
|
symbolRotate?: number;
|
|
1651
|
+
/** 数据符号尺寸。 */
|
|
802
1652
|
symbolSize?: number;
|
|
1653
|
+
/** 数据点是否使用空心符号。 */
|
|
803
1654
|
hollowSymbol?: boolean;
|
|
1655
|
+
/** 标记点配置集合。 */
|
|
804
1656
|
markPoints?: readonly {
|
|
1657
|
+
/** 名称或字段标识。 */
|
|
805
1658
|
name: string;
|
|
1659
|
+
/** 项目在当前集合中的索引,从 0 开始。 */
|
|
806
1660
|
index: number;
|
|
1661
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
807
1662
|
value: number;
|
|
1663
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
808
1664
|
label?: string;
|
|
809
1665
|
}[];
|
|
810
1666
|
}
|
|
1667
|
+
/** 折线图的属性配置。 */
|
|
811
1668
|
interface LineChartProps extends Omit<CartesianChartProps, "series"> {
|
|
1669
|
+
/**
|
|
1670
|
+
* 数据拖拽计算的处理模式。
|
|
1671
|
+
* @defaultValue 'resize'
|
|
1672
|
+
*/
|
|
812
1673
|
calculableMode?: 'resize' | 'transfer';
|
|
1674
|
+
/** 图表间数据转移失败时调用。 */
|
|
813
1675
|
onTransferError?: (message: string) => void;
|
|
1676
|
+
/** 绘图区的边距和布局配置。 */
|
|
814
1677
|
grid?: {
|
|
1678
|
+
/** 距左侧的位置或间距。 */
|
|
815
1679
|
left?: number;
|
|
1680
|
+
/** 距顶部的位置或间距。 */
|
|
816
1681
|
top?: number;
|
|
1682
|
+
/** 距右侧的位置或间距。 */
|
|
817
1683
|
right?: number;
|
|
1684
|
+
/** 距底部的位置或间距。 */
|
|
818
1685
|
bottom?: number;
|
|
819
1686
|
};
|
|
820
1687
|
/** Shared value-transfer controller for composed chart mode switches. */
|
|
821
1688
|
valueTransfer?: ReturnType<typeof useBarValueTransfer>;
|
|
1689
|
+
/**
|
|
1690
|
+
* 类目标签显示间隔。
|
|
1691
|
+
* @defaultValue 0
|
|
1692
|
+
*/
|
|
822
1693
|
categoryLabelInterval?: number | 'auto';
|
|
1694
|
+
/**
|
|
1695
|
+
* 轴端是否保留间隔,或两端间隔的配置。
|
|
1696
|
+
* @defaultValue false
|
|
1697
|
+
*/
|
|
823
1698
|
boundaryGap?: boolean;
|
|
1699
|
+
/**
|
|
1700
|
+
* 是否显示类目轴分隔线。
|
|
1701
|
+
* @defaultValue true
|
|
1702
|
+
*/
|
|
824
1703
|
showCategorySplitLine?: boolean;
|
|
1704
|
+
/** 类目轴名称。 */
|
|
825
1705
|
categoryAxisName?: string;
|
|
1706
|
+
/** 数值轴名称。 */
|
|
826
1707
|
valueAxisName?: string;
|
|
1708
|
+
/** 图例布局配置。 */
|
|
827
1709
|
legendLayout?: {
|
|
1710
|
+
/** 横向位置或 X 轴数据值。 */
|
|
828
1711
|
x?: number;
|
|
1712
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
829
1713
|
y?: number;
|
|
1714
|
+
/** 交叉轴对齐 */
|
|
830
1715
|
align?: "start" | "center" | "end";
|
|
831
1716
|
};
|
|
1717
|
+
/**
|
|
1718
|
+
* 对数轴使用的底数。
|
|
1719
|
+
* @defaultValue 10
|
|
1720
|
+
*/
|
|
832
1721
|
logBase?: number;
|
|
1722
|
+
/**
|
|
1723
|
+
* 对数刻度的指数步长。
|
|
1724
|
+
* @defaultValue 1
|
|
1725
|
+
*/
|
|
833
1726
|
logExponentStep?: number;
|
|
1727
|
+
/**
|
|
1728
|
+
* 图形外观配置。
|
|
1729
|
+
* @defaultValue "sia"
|
|
1730
|
+
*/
|
|
834
1731
|
appearance?: "sia" | "macarons";
|
|
1732
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
835
1733
|
animationProgress?: number;
|
|
1734
|
+
/**
|
|
1735
|
+
* 数据更新动画的持续时间。
|
|
1736
|
+
* @defaultValue 500
|
|
1737
|
+
*/
|
|
836
1738
|
animationDurationUpdate?: number;
|
|
1739
|
+
/** 数值轴的数据范围。 */
|
|
837
1740
|
valueDomain?: readonly [number, number, number];
|
|
1741
|
+
/** 坐标轴标签格式化函数。 */
|
|
838
1742
|
axisLabelFormatter?: (value: number) => string;
|
|
1743
|
+
/** 图表数据系列。 */
|
|
839
1744
|
series: readonly LineSeries[];
|
|
1745
|
+
/**
|
|
1746
|
+
* 是否堆叠展示数据系列。
|
|
1747
|
+
* @defaultValue false
|
|
1748
|
+
*/
|
|
840
1749
|
stacked?: boolean;
|
|
1750
|
+
/**
|
|
1751
|
+
组件的水平或垂直排列方向。
|
|
1752
|
+
* @defaultValue "vertical"
|
|
1753
|
+
*/
|
|
841
1754
|
orientation?: "vertical" | "horizontal";
|
|
1755
|
+
/**
|
|
1756
|
+
* X 轴类型。
|
|
1757
|
+
* @defaultValue "category"
|
|
1758
|
+
*/
|
|
842
1759
|
xAxisType?: "category" | "value" | "time";
|
|
1760
|
+
/**
|
|
1761
|
+
* 数值轴类型。
|
|
1762
|
+
* @defaultValue "value"
|
|
1763
|
+
*/
|
|
843
1764
|
valueAxisType?: "value" | "log";
|
|
1765
|
+
/**
|
|
1766
|
+
* 是否反转数值轴。
|
|
1767
|
+
* @defaultValue false
|
|
1768
|
+
*/
|
|
844
1769
|
valueAxisInverse?: boolean;
|
|
1770
|
+
/**
|
|
1771
|
+
* 提示框按数据项还是坐标轴触发。
|
|
1772
|
+
* @defaultValue "item"
|
|
1773
|
+
*/
|
|
845
1774
|
tooltipTrigger?: "item" | "axis";
|
|
1775
|
+
/**
|
|
1776
|
+
* 数据区域缩放配置。
|
|
1777
|
+
* @defaultValue false
|
|
1778
|
+
*/
|
|
846
1779
|
dataZoom?: boolean;
|
|
847
1780
|
/** Percentage windows can address array slices rather than point-to-point distances. */
|
|
848
1781
|
zoomIndexMode?: 'points' | 'slice';
|
|
1782
|
+
/**
|
|
1783
|
+
* 缩放控件的位置。
|
|
1784
|
+
* @defaultValue 'bottom'
|
|
1785
|
+
*/
|
|
849
1786
|
zoomPosition?: 'top' | 'bottom';
|
|
1787
|
+
/** 缩放控件的布局边界。 */
|
|
850
1788
|
zoomControlBounds?: {
|
|
1789
|
+
/** 横向位置或 X 轴数据值。 */
|
|
851
1790
|
x: number;
|
|
1791
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
852
1792
|
y: number;
|
|
1793
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
853
1794
|
width: number;
|
|
1795
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
854
1796
|
height: number;
|
|
855
1797
|
};
|
|
1798
|
+
/**
|
|
1799
|
+
* 是否允许拖动缩放范围进行平移。
|
|
1800
|
+
* @defaultValue false
|
|
1801
|
+
*/
|
|
856
1802
|
zoomPan?: boolean;
|
|
1803
|
+
/**
|
|
1804
|
+
* 缩放框选区域的形状。
|
|
1805
|
+
* @defaultValue 'band'
|
|
1806
|
+
*/
|
|
857
1807
|
zoomSelectionShape?: 'band' | 'rectangle';
|
|
1808
|
+
/** 缩放框选区域的样式。 */
|
|
858
1809
|
zoomSelectionStyle?: CSSProperties;
|
|
1810
|
+
/** 可接受的最小框选尺寸。 */
|
|
859
1811
|
zoomMinSelectionSize?: readonly [number, number];
|
|
1812
|
+
/**
|
|
1813
|
+
* 是否允许通过拖拽图形修改数据。
|
|
1814
|
+
* @defaultValue false
|
|
1815
|
+
*/
|
|
860
1816
|
calculable?: boolean;
|
|
1817
|
+
/** 缩放级别或缩放范围。 */
|
|
861
1818
|
zoom?: readonly [number, number];
|
|
1819
|
+
/** 初始缩放范围或缩放级别。 */
|
|
862
1820
|
defaultZoom?: readonly [number, number];
|
|
1821
|
+
/** 缩放范围变化时调用。 */
|
|
863
1822
|
onZoomChange?: (value: [number, number]) => void;
|
|
1823
|
+
/** 数据被交互修改后调用。 */
|
|
864
1824
|
onDataChange?: (series: readonly LineSeries[]) => void;
|
|
865
1825
|
}
|
|
1826
|
+
/** 折线图组件。 */
|
|
866
1827
|
declare const LineChart: react.ForwardRefExoticComponent<LineChartProps & react.RefAttributes<SiaChartRef>>;
|
|
1828
|
+
/** 柱形线性渐变的方向及颜色停靠点配置。 */
|
|
867
1829
|
interface BarLinearGradient {
|
|
1830
|
+
/** 范围起点。 */
|
|
868
1831
|
start: readonly [number, number];
|
|
1832
|
+
/** 范围终点。 */
|
|
869
1833
|
end: readonly [number, number];
|
|
1834
|
+
/** 渐变颜色停靠点集合。 */
|
|
870
1835
|
stops: readonly {
|
|
1836
|
+
/** 相对于默认位置的偏移。 */
|
|
871
1837
|
offset: number;
|
|
1838
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
872
1839
|
color: string;
|
|
873
1840
|
}[];
|
|
874
1841
|
}
|
|
1842
|
+
/** Bar的单条数据。 */
|
|
875
1843
|
interface BarDatum {
|
|
876
1844
|
/** Radius used by the corresponding point after switching to a line chart. */
|
|
877
1845
|
symbolSize?: number;
|
|
1846
|
+
/** 是否显示标签文本。 */
|
|
878
1847
|
showLabel?: boolean;
|
|
1848
|
+
/** 高亮时是否显示标签。 */
|
|
879
1849
|
showEmphasisLabel?: boolean;
|
|
1850
|
+
/** 标签文字样式。 */
|
|
880
1851
|
labelStyle?: CSSProperties;
|
|
1852
|
+
/** 高亮状态的标签样式。 */
|
|
881
1853
|
emphasisLabelStyle?: CSSProperties;
|
|
1854
|
+
/** 高亮状态的标签位置。 */
|
|
882
1855
|
emphasisLabelPosition?: BarDatum['labelPosition'];
|
|
1856
|
+
/** 图形填充渐变配置。 */
|
|
883
1857
|
fillGradient?: BarLinearGradient;
|
|
1858
|
+
/** 高亮状态的填充渐变。 */
|
|
884
1859
|
emphasisFillGradient?: BarLinearGradient;
|
|
1860
|
+
/** 高亮状态的颜色。 */
|
|
885
1861
|
emphasisColor?: string;
|
|
1862
|
+
/** 高亮状态的边框颜色。 */
|
|
886
1863
|
emphasisBorderColor?: string;
|
|
1864
|
+
/** 高亮状态的边框宽度。 */
|
|
887
1865
|
emphasisBorderWidth?: number;
|
|
1866
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
888
1867
|
value: number;
|
|
1868
|
+
/** 范围起点。 */
|
|
889
1869
|
start?: number;
|
|
1870
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
890
1871
|
color?: string;
|
|
1872
|
+
/** 透明度,0 为完全透明,1 为完全不透明。 */
|
|
891
1873
|
opacity?: number;
|
|
1874
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
892
1875
|
label?: ReactNode;
|
|
1876
|
+
/** 是否隐藏此项。 */
|
|
893
1877
|
hidden?: boolean;
|
|
1878
|
+
/** 边框颜色。 */
|
|
894
1879
|
borderColor?: string;
|
|
1880
|
+
/** 边框线宽。 */
|
|
895
1881
|
borderWidth?: number;
|
|
1882
|
+
/** 标签显示位置。 */
|
|
896
1883
|
labelPosition?: "top" | "bottom" | "left" | "right" | "inside" | "insideTop" | "insideRight" | "insideLeft";
|
|
897
1884
|
}
|
|
1885
|
+
/** Bar的数据系列。 */
|
|
898
1886
|
interface BarSeries extends Omit<ChartSeries, "data"> {
|
|
1887
|
+
/** 统计标线配置。 */
|
|
899
1888
|
statisticLines?: readonly ('average' | 'min' | 'max')[];
|
|
1889
|
+
/** 高亮时是否显示标签集合。 */
|
|
900
1890
|
showEmphasisLabels?: boolean;
|
|
1891
|
+
/** 标签文字样式。 */
|
|
901
1892
|
labelStyle?: CSSProperties;
|
|
1893
|
+
/** 高亮状态的标签样式。 */
|
|
902
1894
|
emphasisLabelStyle?: CSSProperties;
|
|
1895
|
+
/** 高亮状态的标签位置。 */
|
|
903
1896
|
emphasisLabelPosition?: BarDatum['labelPosition'];
|
|
1897
|
+
/** 高亮标签格式化函数。 */
|
|
904
1898
|
emphasisLabelFormatter?: (value: number, category: string, index: number) => ReactNode;
|
|
1899
|
+
/** 图形填充渐变配置。 */
|
|
905
1900
|
fillGradient?: BarLinearGradient;
|
|
1901
|
+
/** 高亮状态的填充渐变。 */
|
|
906
1902
|
emphasisFillGradient?: BarLinearGradient;
|
|
1903
|
+
/** 高亮状态的颜色。 */
|
|
907
1904
|
emphasisColor?: string;
|
|
1905
|
+
/** 高亮状态的边框颜色。 */
|
|
908
1906
|
emphasisBorderColor?: string;
|
|
1907
|
+
/** 高亮状态的边框宽度。 */
|
|
909
1908
|
emphasisBorderWidth?: number;
|
|
910
1909
|
/** Share a category slot without stacking values (overlapping comparison bars). */
|
|
911
1910
|
overlayGroup?: string;
|
|
1911
|
+
/** 用于渲染的数据集合。 */
|
|
912
1912
|
data: readonly (number | BarDatum)[];
|
|
1913
|
+
/** 图形半径或圆角配置。 */
|
|
913
1914
|
radius?: number;
|
|
1915
|
+
/** 堆叠分组标识;同标识的数据系列参与同组堆叠。 */
|
|
914
1916
|
stack?: string;
|
|
1917
|
+
/** 是否显示数据标签。 */
|
|
915
1918
|
showLabels?: boolean;
|
|
1919
|
+
/** 透明度,0 为完全透明,1 为完全不透明。 */
|
|
916
1920
|
opacity?: number;
|
|
1921
|
+
/** 柱形宽度。 */
|
|
917
1922
|
barWidth?: number;
|
|
1923
|
+
/** 是否显示平均值标记。 */
|
|
918
1924
|
markAverage?: boolean;
|
|
1925
|
+
/** 是否显示最小值标记。 */
|
|
919
1926
|
markMin?: boolean;
|
|
1927
|
+
/** 是否显示最大值标记。 */
|
|
920
1928
|
markMax?: boolean;
|
|
1929
|
+
/** 是否将该系列显示在图例中。 */
|
|
921
1930
|
showInLegend?: boolean;
|
|
1931
|
+
/** 边框颜色。 */
|
|
922
1932
|
borderColor?: string;
|
|
1933
|
+
/** 边框线宽。 */
|
|
923
1934
|
borderWidth?: number;
|
|
1935
|
+
/** 标签文字颜色。 */
|
|
924
1936
|
labelColor?: string;
|
|
1937
|
+
/** 标签文本格式化函数。 */
|
|
925
1938
|
labelFormatter?: (value: number, category: string, index: number) => ReactNode;
|
|
1939
|
+
/** 标签显示位置。 */
|
|
926
1940
|
labelPosition?: BarDatum["labelPosition"];
|
|
1941
|
+
/** 需要标记的数据范围。 */
|
|
927
1942
|
markRange?: boolean;
|
|
1943
|
+
/** 标记点配置集合。 */
|
|
928
1944
|
markPoints?: readonly {
|
|
1945
|
+
/** 项目在当前集合中的索引,从 0 开始。 */
|
|
929
1946
|
index: number;
|
|
1947
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
930
1948
|
value: number;
|
|
1949
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
931
1950
|
label?: string;
|
|
932
1951
|
}[];
|
|
933
1952
|
}
|
|
1953
|
+
/** 柱状图的属性配置。 */
|
|
934
1954
|
interface BarChartProps extends Omit<CartesianChartProps, "series"> {
|
|
935
1955
|
/** Shared data/island owner when composed as another Cartesian chart's mode. */
|
|
936
1956
|
valueTransfer?: ReturnType<typeof useBarValueTransfer>;
|
|
1957
|
+
/**
|
|
1958
|
+
* 数据拖拽计算的处理模式。
|
|
1959
|
+
* @defaultValue 'resize'
|
|
1960
|
+
*/
|
|
937
1961
|
calculableMode?: 'resize' | 'transfer';
|
|
1962
|
+
/** 图表间数据转移失败时调用。 */
|
|
938
1963
|
onTransferError?: (message: string) => void;
|
|
1964
|
+
/** 图例的排列顺序。 */
|
|
939
1965
|
legendOrder?: readonly string[];
|
|
1966
|
+
/** 图例布局配置。 */
|
|
940
1967
|
legendLayout?: {
|
|
1968
|
+
/** 横向位置或 X 轴数据值。 */
|
|
941
1969
|
x?: number;
|
|
1970
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
942
1971
|
y?: number;
|
|
1972
|
+
/** 相邻项目的间距。 */
|
|
943
1973
|
itemGap?: number;
|
|
1974
|
+
/** 默认可见行数 */
|
|
944
1975
|
rows?: number;
|
|
945
1976
|
};
|
|
1977
|
+
/**
|
|
1978
|
+
* 不同类目柱组之间的间距。
|
|
1979
|
+
* @defaultValue .2
|
|
1980
|
+
*/
|
|
946
1981
|
barCategoryGap?: number;
|
|
1982
|
+
/**
|
|
1983
|
+
* 数值轴两端增加的留白。
|
|
1984
|
+
* @defaultValue 0
|
|
1985
|
+
*/
|
|
947
1986
|
valuePadding?: number;
|
|
1987
|
+
/** 绘图区的边距和布局配置。 */
|
|
948
1988
|
grid?: {
|
|
1989
|
+
/** 距左侧的位置或间距。 */
|
|
949
1990
|
left?: number;
|
|
1991
|
+
/** 距顶部的位置或间距。 */
|
|
950
1992
|
top?: number;
|
|
1993
|
+
/** 距右侧的位置或间距。 */
|
|
951
1994
|
right?: number;
|
|
1995
|
+
/** 距底部的位置或间距。 */
|
|
952
1996
|
bottom?: number;
|
|
953
1997
|
};
|
|
1998
|
+
/**
|
|
1999
|
+
* 数值轴所在位置。
|
|
2000
|
+
* @defaultValue "bottom"
|
|
2001
|
+
*/
|
|
954
2002
|
valueAxisPosition?: "top" | "bottom";
|
|
2003
|
+
/**
|
|
2004
|
+
* 图形外观配置。
|
|
2005
|
+
* @defaultValue "sia"
|
|
2006
|
+
*/
|
|
955
2007
|
appearance?: "sia" | "macarons";
|
|
2008
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
956
2009
|
animationProgress?: number;
|
|
2010
|
+
/**
|
|
2011
|
+
* 数据更新动画的持续时间。
|
|
2012
|
+
* @defaultValue 500
|
|
2013
|
+
*/
|
|
957
2014
|
animationDurationUpdate?: number;
|
|
2015
|
+
/** 数值轴的数据范围。 */
|
|
958
2016
|
valueDomain?: readonly [number, number, number];
|
|
2017
|
+
/** 坐标轴标签格式化函数。 */
|
|
959
2018
|
axisLabelFormatter?: (value: number) => string;
|
|
2019
|
+
/**
|
|
2020
|
+
* 是否显示数值轴。
|
|
2021
|
+
* @defaultValue true
|
|
2022
|
+
*/
|
|
960
2023
|
showValueAxis?: boolean;
|
|
2024
|
+
/**
|
|
2025
|
+
* 是否显示类目轴。
|
|
2026
|
+
* @defaultValue true
|
|
2027
|
+
*/
|
|
961
2028
|
showCategoryAxis?: boolean;
|
|
2029
|
+
/**
|
|
2030
|
+
* 是否显示类目轴分隔线。
|
|
2031
|
+
* @defaultValue false
|
|
2032
|
+
*/
|
|
962
2033
|
showCategorySplitLine?: boolean;
|
|
2034
|
+
/**
|
|
2035
|
+
* 提示框按数据项还是坐标轴触发。
|
|
2036
|
+
* @defaultValue "item"
|
|
2037
|
+
*/
|
|
963
2038
|
tooltipTrigger?: "item" | "axis";
|
|
2039
|
+
/** 提示框内容的格式化函数。 */
|
|
964
2040
|
tooltipFormatter?: (name: string, values: readonly {
|
|
2041
|
+
/** 名称或字段标识。 */
|
|
965
2042
|
name: string;
|
|
2043
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
966
2044
|
value: number;
|
|
2045
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
967
2046
|
color: string;
|
|
968
2047
|
}[]) => ReactNode;
|
|
2048
|
+
/** 图表数据系列。 */
|
|
969
2049
|
series: readonly BarSeries[];
|
|
2050
|
+
/**
|
|
2051
|
+
* 是否堆叠展示数据系列。
|
|
2052
|
+
* @defaultValue false
|
|
2053
|
+
*/
|
|
970
2054
|
stacked?: boolean;
|
|
2055
|
+
/**
|
|
2056
|
+
组件的水平或垂直排列方向。
|
|
2057
|
+
* @defaultValue "vertical"
|
|
2058
|
+
*/
|
|
971
2059
|
orientation?: "vertical" | "horizontal";
|
|
2060
|
+
/**
|
|
2061
|
+
* 柱形允许的最小尺寸。
|
|
2062
|
+
* @defaultValue 1
|
|
2063
|
+
*/
|
|
972
2064
|
minBarSize?: number;
|
|
2065
|
+
/**
|
|
2066
|
+
* 是否允许通过拖拽图形修改数据。
|
|
2067
|
+
* @defaultValue false
|
|
2068
|
+
*/
|
|
973
2069
|
calculable?: boolean;
|
|
2070
|
+
/** 数据被交互修改后调用。 */
|
|
974
2071
|
onDataChange?: (series: readonly BarSeries[]) => void;
|
|
975
2072
|
}
|
|
2073
|
+
/** 柱状图组件。 */
|
|
976
2074
|
declare const BarChart: react.ForwardRefExoticComponent<BarChartProps & react.RefAttributes<SiaChartRef>>;
|
|
2075
|
+
/** Scatter的单条数据。 */
|
|
977
2076
|
interface ScatterDatum {
|
|
2077
|
+
/** 高亮状态的颜色。 */
|
|
978
2078
|
emphasisColor?: string;
|
|
2079
|
+
/** 高亮状态的边框宽度。 */
|
|
979
2080
|
emphasisBorderWidth?: number;
|
|
2081
|
+
/** 符号填充颜色。 */
|
|
980
2082
|
symbolFill?: string;
|
|
2083
|
+
/** 是否显示标签文本。 */
|
|
981
2084
|
showLabel?: boolean;
|
|
2085
|
+
/** 高亮时是否显示标签。 */
|
|
982
2086
|
showEmphasisLabel?: boolean;
|
|
2087
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
983
2088
|
label?: ReactNode;
|
|
2089
|
+
/** 标签文本格式化函数。 */
|
|
984
2090
|
labelFormatter?: (item: ScatterDatum) => ReactNode;
|
|
2091
|
+
/** 标签文字样式。 */
|
|
985
2092
|
labelStyle?: CSSProperties;
|
|
2093
|
+
/** 数据符号使用的图片。 */
|
|
986
2094
|
symbolImage?: string;
|
|
2095
|
+
/** 数据符号旋转角度。 */
|
|
987
2096
|
symbolRotate?: number;
|
|
2097
|
+
/** 边框线宽。 */
|
|
988
2098
|
borderWidth?: number;
|
|
989
2099
|
/** Optional third data dimension, independent of the rendered symbol radius. */
|
|
990
2100
|
value?: number;
|
|
2101
|
+
/** 名称或字段标识。 */
|
|
991
2102
|
name?: string;
|
|
2103
|
+
/** 横向位置或 X 轴数据值。 */
|
|
992
2104
|
x: number;
|
|
2105
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
993
2106
|
y: number;
|
|
2107
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
994
2108
|
size?: number;
|
|
2109
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
995
2110
|
color?: string;
|
|
2111
|
+
/** 所属类目或分组。 */
|
|
996
2112
|
category?: string;
|
|
2113
|
+
/** 数据点或节点使用的图形符号。 */
|
|
997
2114
|
symbol?: "circle" | "square" | "diamond" | "emptyCircle" | "emptyTriangle" | "image";
|
|
998
2115
|
}
|
|
2116
|
+
/** 散点数值到颜色和尺寸的视觉映射配置。 */
|
|
999
2117
|
interface ScatterVisualMap {
|
|
2118
|
+
/** 是否允许通过拖拽图形修改数据。 */
|
|
1000
2119
|
calculable?: boolean;
|
|
2120
|
+
/** 组件的水平或垂直排列方向。 */
|
|
1001
2121
|
orientation?: 'horizontal' | 'vertical';
|
|
2122
|
+
/** 是否允许选中项目。 */
|
|
1002
2123
|
selectable?: boolean;
|
|
2124
|
+
/** 参与统计或映射的数据维度。 */
|
|
1003
2125
|
dimension: "x" | "y" | "size" | "value";
|
|
2126
|
+
/** 分段视觉映射的区间配置。 */
|
|
1004
2127
|
pieces?: readonly {
|
|
2128
|
+
/** 允许的最小值。 */
|
|
1005
2129
|
min: number;
|
|
2130
|
+
/** 允许的最大值。 */
|
|
1006
2131
|
max: number;
|
|
2132
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1007
2133
|
color: string;
|
|
2134
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
1008
2135
|
label?: string;
|
|
1009
2136
|
}[];
|
|
2137
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1010
2138
|
x?: number;
|
|
2139
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1011
2140
|
y?: number;
|
|
2141
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1012
2142
|
width?: number;
|
|
2143
|
+
/** 允许的最小值。 */
|
|
1013
2144
|
min?: number;
|
|
2145
|
+
/** 允许的最大值。 */
|
|
1014
2146
|
max?: number;
|
|
2147
|
+
/** 可选颜色或颜色序列。 */
|
|
1015
2148
|
colors?: readonly [string, string];
|
|
2149
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
1016
2150
|
label?: string;
|
|
1017
2151
|
}
|
|
2152
|
+
/** 散点图的属性配置。 */
|
|
1018
2153
|
interface ScatterChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
2154
|
+
/**
|
|
2155
|
+
* 数据符号动画配置。
|
|
2156
|
+
* @defaultValue false
|
|
2157
|
+
*/
|
|
1019
2158
|
symbolAnimation?: boolean;
|
|
2159
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
1020
2160
|
animationProgress?: number;
|
|
2161
|
+
/**
|
|
2162
|
+
* 数据更新动画的持续时间。
|
|
2163
|
+
* @defaultValue 500
|
|
2164
|
+
*/
|
|
1021
2165
|
animationDurationUpdate?: number;
|
|
2166
|
+
/**
|
|
2167
|
+
* 统计点标记配置。
|
|
2168
|
+
* @defaultValue []
|
|
2169
|
+
*/
|
|
1022
2170
|
statisticPoints?: readonly {
|
|
2171
|
+
/** 名称或字段标识。 */
|
|
1023
2172
|
name: string;
|
|
2173
|
+
/** 参与统计或映射的数据维度。 */
|
|
1024
2174
|
dimension: 'x' | 'y';
|
|
2175
|
+
/** 补全项或节点的类别。 */
|
|
1025
2176
|
kind: 'min' | 'max';
|
|
2177
|
+
/** 所属类目或分组。 */
|
|
1026
2178
|
category?: string;
|
|
2179
|
+
/** 数据点或节点使用的图形符号。 */
|
|
1027
2180
|
symbol?: 'pin' | 'arrow';
|
|
2181
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1028
2182
|
color?: string;
|
|
2183
|
+
/** 边框颜色。 */
|
|
1029
2184
|
borderColor?: string;
|
|
2185
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
1030
2186
|
size?: number;
|
|
1031
2187
|
}[];
|
|
2188
|
+
/**
|
|
2189
|
+
* 统计标线配置。
|
|
2190
|
+
* @defaultValue []
|
|
2191
|
+
*/
|
|
1032
2192
|
statisticLines?: readonly {
|
|
2193
|
+
/** 名称或字段标识。 */
|
|
1033
2194
|
name: string;
|
|
2195
|
+
/** 参与统计或映射的数据维度。 */
|
|
1034
2196
|
dimension: 'x' | 'y';
|
|
2197
|
+
/** 所属类目或分组。 */
|
|
1035
2198
|
category?: string;
|
|
2199
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1036
2200
|
color?: string;
|
|
1037
2201
|
}[];
|
|
1038
2202
|
/** Fixed coordinate annotations, separate from editable scatter values. */
|
|
1039
2203
|
annotations?: readonly {
|
|
2204
|
+
/** 名称或字段标识。 */
|
|
1040
2205
|
name: string;
|
|
2206
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1041
2207
|
x: number;
|
|
2208
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1042
2209
|
y: number;
|
|
2210
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
1043
2211
|
value: number;
|
|
2212
|
+
/** 所属类目或分组。 */
|
|
1044
2213
|
category?: string;
|
|
2214
|
+
/** 图形半径或圆角配置。 */
|
|
1045
2215
|
radius?: number;
|
|
2216
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1046
2217
|
color?: string;
|
|
1047
2218
|
}[];
|
|
2219
|
+
/**
|
|
2220
|
+
* 是否显示 X 轴。
|
|
2221
|
+
* @defaultValue true
|
|
2222
|
+
*/
|
|
1048
2223
|
showXAxis?: boolean;
|
|
2224
|
+
/**
|
|
2225
|
+
* 是否显示 X 轴分隔线。
|
|
2226
|
+
* @defaultValue true
|
|
2227
|
+
*/
|
|
1049
2228
|
showXSplitLine?: boolean;
|
|
2229
|
+
/**
|
|
2230
|
+
* 是否显示 Y 轴分隔线。
|
|
2231
|
+
* @defaultValue true
|
|
2232
|
+
*/
|
|
1050
2233
|
showYSplitLine?: boolean;
|
|
2234
|
+
/** 提示框内容的格式化函数。 */
|
|
1051
2235
|
tooltipFormatter?: (item: ScatterDatum) => ReactNode;
|
|
2236
|
+
/** 标记颜色。 */
|
|
1052
2237
|
markColor?: string;
|
|
2238
|
+
/** X 轴的数据范围。 */
|
|
1053
2239
|
xDomain?: readonly [number, number, number];
|
|
2240
|
+
/** Y 轴的数据范围。 */
|
|
1054
2241
|
yDomain?: readonly [number, number, number];
|
|
2242
|
+
/**
|
|
2243
|
+
* 是否显示数据点标签。
|
|
2244
|
+
* @defaultValue false
|
|
2245
|
+
*/
|
|
1055
2246
|
showPointLabels?: boolean;
|
|
2247
|
+
/**
|
|
2248
|
+
* Y 轴所在位置。
|
|
2249
|
+
* @defaultValue 'left'
|
|
2250
|
+
*/
|
|
1056
2251
|
yAxisPosition?: 'left' | 'right';
|
|
2252
|
+
/** X 轴类目集合。 */
|
|
1057
2253
|
xCategories?: readonly number[];
|
|
2254
|
+
/** X 轴数值的格式化函数。 */
|
|
1058
2255
|
xFormatter?: (value: number) => string;
|
|
2256
|
+
/**
|
|
2257
|
+
* 十字辅助线配置。
|
|
2258
|
+
* @defaultValue false
|
|
2259
|
+
*/
|
|
1059
2260
|
crosshair?: boolean;
|
|
1060
2261
|
/** Pin extrema and value-only mean labels used by legacy reference charts. */
|
|
1061
2262
|
markAppearance?: 'label' | 'pin';
|
|
2263
|
+
/**
|
|
2264
|
+
* X 轴分段数量。
|
|
2265
|
+
* @defaultValue 5
|
|
2266
|
+
*/
|
|
1062
2267
|
xSplitNumber?: number;
|
|
2268
|
+
/**
|
|
2269
|
+
* Y 轴分段数量。
|
|
2270
|
+
* @defaultValue 5
|
|
2271
|
+
*/
|
|
1063
2272
|
ySplitNumber?: number;
|
|
2273
|
+
/** 按数据点计算显示尺寸的函数。 */
|
|
1064
2274
|
symbolSize?: (item: ScatterDatum) => number;
|
|
2275
|
+
/**
|
|
2276
|
+
* 是否按类目绘制统计标记。
|
|
2277
|
+
* @defaultValue false
|
|
2278
|
+
*/
|
|
1065
2279
|
markByCategory?: boolean;
|
|
2280
|
+
/**
|
|
2281
|
+
* X 轴数值单位。
|
|
2282
|
+
* @defaultValue ''
|
|
2283
|
+
*/
|
|
1066
2284
|
xUnit?: string;
|
|
2285
|
+
/**
|
|
2286
|
+
* Y 轴数值单位。
|
|
2287
|
+
* @defaultValue ''
|
|
2288
|
+
*/
|
|
1067
2289
|
yUnit?: string;
|
|
2290
|
+
/**
|
|
2291
|
+
* 符号最小半径。
|
|
2292
|
+
* @defaultValue 5
|
|
2293
|
+
*/
|
|
1068
2294
|
minSymbolRadius?: number;
|
|
2295
|
+
/** 绘图区边界。 */
|
|
1069
2296
|
plotBounds?: {
|
|
2297
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1070
2298
|
x: number;
|
|
2299
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1071
2300
|
y: number;
|
|
2301
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1072
2302
|
width: number;
|
|
2303
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1073
2304
|
height: number;
|
|
1074
2305
|
};
|
|
2306
|
+
/** 用于渲染的数据集合。 */
|
|
1075
2307
|
data: readonly ScatterDatum[];
|
|
2308
|
+
/** X 轴标题。 */
|
|
1076
2309
|
xLabel?: string;
|
|
2310
|
+
/** Y 轴标题。 */
|
|
1077
2311
|
yLabel?: string;
|
|
2312
|
+
/**
|
|
2313
|
+
* X 轴类型。
|
|
2314
|
+
* @defaultValue "value"
|
|
2315
|
+
*/
|
|
1078
2316
|
xAxisType?: "value" | "time";
|
|
2317
|
+
/**
|
|
2318
|
+
* 是否显示图例。
|
|
2319
|
+
* @defaultValue true
|
|
2320
|
+
*/
|
|
1079
2321
|
showLegend?: boolean;
|
|
2322
|
+
/**
|
|
2323
|
+
* 是否允许通过图例切换系列显示。
|
|
2324
|
+
* @defaultValue true
|
|
2325
|
+
*/
|
|
1080
2326
|
legendInteractive?: boolean;
|
|
2327
|
+
/** 图例项目的选中状态。 */
|
|
1081
2328
|
legendSelected?: Readonly<Record<string, boolean>>;
|
|
2329
|
+
/** 图例选中状态变化时调用。 */
|
|
1082
2330
|
onLegendSelectionChange?: (selected: Record<string, boolean>) => void;
|
|
2331
|
+
/**
|
|
2332
|
+
* 数据区域缩放配置。
|
|
2333
|
+
* @defaultValue false
|
|
2334
|
+
*/
|
|
1083
2335
|
dataZoom?: boolean;
|
|
2336
|
+
/** 缩放级别或缩放范围。 */
|
|
1084
2337
|
zoom?: readonly [number, number];
|
|
2338
|
+
/** 初始缩放范围或缩放级别。 */
|
|
1085
2339
|
defaultZoom?: readonly [number, number];
|
|
2340
|
+
/** 缩放范围变化时调用。 */
|
|
1086
2341
|
onZoomChange?: (value: [number, number]) => void;
|
|
2342
|
+
/** 数据到颜色、大小等视觉通道的映射配置。 */
|
|
1087
2343
|
visualMap?: ScatterVisualMap;
|
|
2344
|
+
/** 是否显示平均值标记。 */
|
|
1088
2345
|
markAverage?: "x" | "y" | "both";
|
|
2346
|
+
/**
|
|
2347
|
+
* 是否标记极值数据。
|
|
2348
|
+
* @defaultValue false
|
|
2349
|
+
*/
|
|
1089
2350
|
markExtremes?: boolean;
|
|
2351
|
+
/**
|
|
2352
|
+
* 启用大数据量渲染优化的阈值。
|
|
2353
|
+
* @defaultValue 1200
|
|
2354
|
+
*/
|
|
1090
2355
|
largeThreshold?: number;
|
|
2356
|
+
/** 点击图表数据项时调用。 */
|
|
1091
2357
|
onDataClick?: (info: ChartDataClickInfo<ScatterDatum>) => void;
|
|
1092
2358
|
}
|
|
2359
|
+
/** 散点图组件。 */
|
|
1093
2360
|
declare const ScatterChart: react.ForwardRefExoticComponent<ScatterChartProps & react.RefAttributes<SiaChartRef>>;
|
|
2361
|
+
/** Candlestick的单条数据。 */
|
|
1094
2362
|
interface CandlestickDatum {
|
|
2363
|
+
/** 名称或字段标识。 */
|
|
1095
2364
|
name: string;
|
|
2365
|
+
/** 是否打开;传入后由外部控制显示状态。 */
|
|
1096
2366
|
open: number;
|
|
2367
|
+
/** 关闭当前界面或实例。 */
|
|
1097
2368
|
close: number;
|
|
2369
|
+
/** 最低值。 */
|
|
1098
2370
|
low: number;
|
|
2371
|
+
/** 最高值。 */
|
|
1099
2372
|
high: number;
|
|
2373
|
+
/** 成交量。 */
|
|
1100
2374
|
volume?: number;
|
|
2375
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1101
2376
|
color?: string;
|
|
2377
|
+
/** 边框颜色。 */
|
|
1102
2378
|
borderColor?: string;
|
|
2379
|
+
/** 边框线宽。 */
|
|
1103
2380
|
borderWidth?: number;
|
|
2381
|
+
/** 高亮状态的颜色。 */
|
|
1104
2382
|
emphasisColor?: string;
|
|
1105
2383
|
}
|
|
2384
|
+
/** 蜡烛图的属性配置。 */
|
|
1106
2385
|
interface CandlestickChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
1107
2386
|
/** Hide axes when sharing a plot with another chart layer. */
|
|
1108
2387
|
showAxes?: boolean;
|
|
2388
|
+
/** 数值轴的数据范围。 */
|
|
1109
2389
|
valueDomain?: readonly [number, number, number];
|
|
2390
|
+
/** 坐标轴标签格式化函数。 */
|
|
1110
2391
|
axisLabelFormatter?: (value: number) => string;
|
|
1111
2392
|
/** Index into the full input data; null explicitly clears a controlled highlight. */
|
|
1112
2393
|
activeIndex?: number | null;
|
|
2394
|
+
/** 当前激活数据索引变化时调用。 */
|
|
1113
2395
|
onActiveIndexChange?: (index: number | null) => void;
|
|
2396
|
+
/** 各数据系列的可见状态。 */
|
|
1114
2397
|
seriesVisible?: boolean;
|
|
2398
|
+
/** 系列可见性变化时调用。 */
|
|
1115
2399
|
onSeriesVisibilityChange?: (visible: boolean) => void;
|
|
2400
|
+
/**
|
|
2401
|
+
* 是否显示图例。
|
|
2402
|
+
* @defaultValue true
|
|
2403
|
+
*/
|
|
1116
2404
|
showLegend?: boolean;
|
|
2405
|
+
/**
|
|
2406
|
+
* 是否显示类目标签。
|
|
2407
|
+
* @defaultValue true
|
|
2408
|
+
*/
|
|
1117
2409
|
showCategoryLabels?: boolean;
|
|
2410
|
+
/** 绘图区边界。 */
|
|
1118
2411
|
plotBounds?: {
|
|
2412
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1119
2413
|
x: number;
|
|
2414
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1120
2415
|
y: number;
|
|
2416
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1121
2417
|
width: number;
|
|
2418
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1122
2419
|
height: number;
|
|
1123
2420
|
};
|
|
2421
|
+
/** 标记点配置集合。 */
|
|
1124
2422
|
markPoints?: readonly {
|
|
2423
|
+
/** 名称或字段标识。 */
|
|
1125
2424
|
name: string;
|
|
2425
|
+
/** 关联的日期或时间。 */
|
|
1126
2426
|
date: string;
|
|
2427
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
1127
2428
|
value: number;
|
|
2429
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1128
2430
|
y: number;
|
|
2431
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1129
2432
|
color?: string;
|
|
1130
2433
|
}[];
|
|
2434
|
+
/** 数据系列名称。 */
|
|
1131
2435
|
seriesName?: string;
|
|
2436
|
+
/** 上涨蜡烛图的边框颜色。 */
|
|
1132
2437
|
risingBorderColor?: string;
|
|
2438
|
+
/** 下跌蜡烛图的边框颜色。 */
|
|
1133
2439
|
fallingBorderColor?: string;
|
|
2440
|
+
/**
|
|
2441
|
+
* 边框线宽。
|
|
2442
|
+
* @defaultValue 2
|
|
2443
|
+
*/
|
|
1134
2444
|
borderWidth?: number;
|
|
2445
|
+
/** 上涨数据高亮时的颜色。 */
|
|
1135
2446
|
risingEmphasisColor?: string;
|
|
2447
|
+
/** 下跌数据高亮时的颜色。 */
|
|
1136
2448
|
fallingEmphasisColor?: string;
|
|
2449
|
+
/**
|
|
2450
|
+
* 柱形允许的最大宽度。
|
|
2451
|
+
* @defaultValue 34
|
|
2452
|
+
*/
|
|
1137
2453
|
maxBarWidth?: number;
|
|
2454
|
+
/**
|
|
2455
|
+
* 图形外观配置。
|
|
2456
|
+
* @defaultValue 'sia'
|
|
2457
|
+
*/
|
|
1138
2458
|
appearance?: 'sia' | 'macarons';
|
|
2459
|
+
/** 用于渲染的数据集合。 */
|
|
1139
2460
|
data: readonly CandlestickDatum[];
|
|
2461
|
+
/**
|
|
2462
|
+
* 上涨数据的颜色。
|
|
2463
|
+
* @defaultValue "#f5222d"
|
|
2464
|
+
*/
|
|
1140
2465
|
risingColor?: string;
|
|
2466
|
+
/**
|
|
2467
|
+
* 下跌数据的颜色。
|
|
2468
|
+
* @defaultValue "#52c41a"
|
|
2469
|
+
*/
|
|
1141
2470
|
fallingColor?: string;
|
|
2471
|
+
/**
|
|
2472
|
+
* 上涨蜡烛图是否使用空心样式。
|
|
2473
|
+
* @defaultValue false
|
|
2474
|
+
*/
|
|
1142
2475
|
hollowRising?: boolean;
|
|
2476
|
+
/**
|
|
2477
|
+
* 数据区域缩放配置。
|
|
2478
|
+
* @defaultValue false
|
|
2479
|
+
*/
|
|
1143
2480
|
dataZoom?: boolean;
|
|
2481
|
+
/** 缩放级别或缩放范围。 */
|
|
1144
2482
|
zoom?: readonly [number, number];
|
|
2483
|
+
/** 初始缩放范围或缩放级别。 */
|
|
1145
2484
|
defaultZoom?: readonly [number, number];
|
|
2485
|
+
/** 缩放范围变化时调用。 */
|
|
1146
2486
|
onZoomChange?: (value: [number, number]) => void;
|
|
2487
|
+
/**
|
|
2488
|
+
* 是否标记极值数据。
|
|
2489
|
+
* @defaultValue false
|
|
2490
|
+
*/
|
|
1147
2491
|
markExtremes?: boolean;
|
|
2492
|
+
/** 点击图表数据项时调用。 */
|
|
1148
2493
|
onDataClick?: (info: ChartDataClickInfo<CandlestickDatum>) => void;
|
|
1149
2494
|
}
|
|
2495
|
+
/** 蜡烛图组件。 */
|
|
1150
2496
|
declare const CandlestickChart: react.ForwardRefExoticComponent<CandlestickChartProps & react.RefAttributes<SiaChartRef>>;
|
|
2497
|
+
/** 饼图径向渐变配置。 */
|
|
1151
2498
|
interface PieRadialGradient {
|
|
2499
|
+
/** 中心位置。 */
|
|
1152
2500
|
center: readonly [number, number];
|
|
2501
|
+
/** 环形图形的内半径。 */
|
|
1153
2502
|
innerRadius?: number;
|
|
2503
|
+
/** 环形图形的外半径。 */
|
|
1154
2504
|
outerRadius: number;
|
|
2505
|
+
/** 渐变颜色停靠点集合。 */
|
|
1155
2506
|
stops: readonly {
|
|
2507
|
+
/** 相对于默认位置的偏移。 */
|
|
1156
2508
|
offset: number;
|
|
2509
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1157
2510
|
color: string;
|
|
1158
2511
|
}[];
|
|
1159
2512
|
}
|
|
2513
|
+
/** PieLabel的配置选项。 */
|
|
1160
2514
|
interface PieLabelOptions {
|
|
2515
|
+
/** 标签文本格式化函数。 */
|
|
1161
2516
|
labelFormatter?: (item: PieDatum, percent: number) => string;
|
|
2517
|
+
/** 高亮标签格式化函数。 */
|
|
1162
2518
|
emphasisLabelFormatter?: (item: PieDatum, percent: number) => string;
|
|
2519
|
+
/** 标签文字样式。 */
|
|
1163
2520
|
labelStyle?: CSSProperties;
|
|
2521
|
+
/** 高亮状态的标签样式。 */
|
|
1164
2522
|
emphasisLabelStyle?: CSSProperties;
|
|
2523
|
+
/** 高亮时是否显示标签。 */
|
|
1165
2524
|
showEmphasisLabel?: boolean;
|
|
2525
|
+
/** 标签引导线配置。 */
|
|
1166
2526
|
labelLine?: {
|
|
2527
|
+
/** 是否显示该功能。 */
|
|
1167
2528
|
show?: boolean;
|
|
2529
|
+
/** 长度。 */
|
|
1168
2530
|
length?: number;
|
|
2531
|
+
/** 组件根节点的内联样式。 */
|
|
1169
2532
|
style?: CSSProperties;
|
|
1170
2533
|
};
|
|
2534
|
+
/** 高亮状态的标签引导线配置。 */
|
|
1171
2535
|
emphasisLabelLine?: {
|
|
2536
|
+
/** 是否显示该功能。 */
|
|
1172
2537
|
show?: boolean;
|
|
2538
|
+
/** 长度。 */
|
|
1173
2539
|
length?: number;
|
|
2540
|
+
/** 组件根节点的内联样式。 */
|
|
1174
2541
|
style?: CSSProperties;
|
|
1175
2542
|
};
|
|
1176
2543
|
}
|
|
2544
|
+
/** Pie的单条数据。 */
|
|
1177
2545
|
interface PieDatum extends PieLabelOptions {
|
|
1178
2546
|
/** Missing source slot after a calculable transfer; not a zero-valued slice. */
|
|
1179
2547
|
missing?: boolean;
|
|
2548
|
+
/** 是否显示标签文本。 */
|
|
1180
2549
|
showLabel?: boolean;
|
|
2550
|
+
/** 渐变填充配置。 */
|
|
1181
2551
|
gradient?: PieRadialGradient;
|
|
2552
|
+
/** 高亮状态的渐变填充。 */
|
|
1182
2553
|
emphasisGradient?: PieRadialGradient;
|
|
2554
|
+
/** 高亮状态的颜色。 */
|
|
1183
2555
|
emphasisColor?: string;
|
|
2556
|
+
/** 名称或字段标识。 */
|
|
1184
2557
|
name: string;
|
|
2558
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1185
2559
|
value: number;
|
|
2560
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1186
2561
|
color?: string;
|
|
2562
|
+
/** 是否处于选中状态。 */
|
|
1187
2563
|
selected?: boolean;
|
|
2564
|
+
/** 是否将该系列显示在图例中。 */
|
|
1188
2565
|
showInLegend?: boolean;
|
|
2566
|
+
/** 是否启用交互。 */
|
|
1189
2567
|
interactive?: boolean;
|
|
1190
2568
|
}
|
|
2569
|
+
/** Pie的数据系列。 */
|
|
1191
2570
|
interface PieSeries extends PieLabelOptions {
|
|
2571
|
+
/** 高亮状态的渐变填充。 */
|
|
1192
2572
|
emphasisGradient?: PieRadialGradient;
|
|
1193
2573
|
/** SVG degrees; overrides the chart angle for this ring only. */
|
|
1194
2574
|
startAngle?: number;
|
|
2575
|
+
/** 中心区域显示的标签。 */
|
|
1195
2576
|
centerLabel?: ReactNode;
|
|
2577
|
+
/** 名称或字段标识。 */
|
|
1196
2578
|
name?: string;
|
|
2579
|
+
/** 用于渲染的数据集合。 */
|
|
1197
2580
|
data: readonly PieDatum[];
|
|
2581
|
+
/** 环形图形的内半径。 */
|
|
1198
2582
|
innerRadius?: number;
|
|
2583
|
+
/** 环形图形的外半径。 */
|
|
1199
2584
|
outerRadius?: number;
|
|
2585
|
+
/** 是否启用南丁格尔玫瑰图模式。 */
|
|
1200
2586
|
rose?: boolean | "radius" | "area";
|
|
2587
|
+
/** 是否显示数据标签。 */
|
|
1201
2588
|
showLabels?: boolean;
|
|
2589
|
+
/** 中心位置。 */
|
|
1202
2590
|
center?: readonly [number, number];
|
|
2591
|
+
/** 标签显示位置。 */
|
|
1203
2592
|
labelPosition?: "outside" | "inside";
|
|
2593
|
+
/** 高亮状态的标签配置。 */
|
|
1204
2594
|
emphasisLabel?: "center" | "outside";
|
|
2595
|
+
/** 图形的选中模式。 */
|
|
1205
2596
|
selectedMode?: false | "single" | "multiple";
|
|
2597
|
+
/** 是否按顺时针方向绘制。 */
|
|
1206
2598
|
clockwise?: boolean;
|
|
1207
2599
|
}
|
|
2600
|
+
/** 饼图的属性配置。 */
|
|
1208
2601
|
interface PieChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
2602
|
+
/** 数据点脉冲环效果配置。 */
|
|
1209
2603
|
pulseRing?: ChartPulseRingProps;
|
|
2604
|
+
/**
|
|
2605
|
+
* 是否允许通过拖拽图形修改数据。
|
|
2606
|
+
* @defaultValue false
|
|
2607
|
+
*/
|
|
1210
2608
|
calculable?: boolean;
|
|
1211
2609
|
/** Fixed-position star annotations; percentage coordinates use the SVG viewport. */
|
|
1212
2610
|
markPoints?: readonly {
|
|
2611
|
+
/** 名称或字段标识。 */
|
|
1213
2612
|
name: string;
|
|
2613
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
1214
2614
|
value: number;
|
|
2615
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1215
2616
|
x: number | `${number}%`;
|
|
2617
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1216
2618
|
y: number | `${number}%`;
|
|
2619
|
+
/** 图形半径或圆角配置。 */
|
|
1217
2620
|
radius?: number;
|
|
2621
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1218
2622
|
color?: string;
|
|
1219
2623
|
}[];
|
|
2624
|
+
/** 将数据值拖出当前绘图区时调用。 */
|
|
1220
2625
|
onValueDragOut?: (seriesIndex: number, dataIndex: number, point: readonly [number, number]) => void;
|
|
2626
|
+
/** 外侧标签的布局规则。 */
|
|
1221
2627
|
outsideLabelLayout?: {
|
|
2628
|
+
/** 距顶部的位置或间距。 */
|
|
1222
2629
|
top: number;
|
|
2630
|
+
/** 距底部的位置或间距。 */
|
|
1223
2631
|
bottom: number;
|
|
2632
|
+
/** 预设或自定义间距 */
|
|
1224
2633
|
gap?: number;
|
|
2634
|
+
/** 距左侧的位置或间距。 */
|
|
1225
2635
|
left?: number;
|
|
2636
|
+
/** 距右侧的位置或间距。 */
|
|
1226
2637
|
right?: number;
|
|
1227
2638
|
};
|
|
1228
2639
|
/** Controlled data transfer between charts in the same ChartComposite. */
|
|
1229
2640
|
transferId?: string;
|
|
2641
|
+
/** 图表间转移数据值时调用。 */
|
|
1230
2642
|
onValueTransfer?: ChartValueTransferHandler;
|
|
2643
|
+
/** 图表间数据转移失败时调用。 */
|
|
1231
2644
|
onTransferError?: (message: string) => void;
|
|
2645
|
+
/**
|
|
2646
|
+
* 是否显示辅助参考环。
|
|
2647
|
+
* @defaultValue false
|
|
2648
|
+
*/
|
|
1232
2649
|
showGuideRings?: boolean;
|
|
2650
|
+
/**
|
|
2651
|
+
* 图形外观配置。
|
|
2652
|
+
* @defaultValue "sia"
|
|
2653
|
+
*/
|
|
1233
2654
|
appearance?: "sia" | "macarons";
|
|
2655
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
1234
2656
|
animationProgress?: number;
|
|
2657
|
+
/**
|
|
2658
|
+
* 数据更新动画的持续时间。
|
|
2659
|
+
* @defaultValue 500
|
|
2660
|
+
*/
|
|
1235
2661
|
animationDurationUpdate?: number;
|
|
2662
|
+
/** 图例布局配置。 */
|
|
1236
2663
|
legendLayout?: {
|
|
2664
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1237
2665
|
x?: number;
|
|
2666
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1238
2667
|
y?: number;
|
|
2668
|
+
/** 组件的水平或垂直排列方向。 */
|
|
1239
2669
|
orientation?: "horizontal" | "vertical";
|
|
2670
|
+
/** 交叉轴对齐 */
|
|
1240
2671
|
align?: "start" | "center" | "end";
|
|
2672
|
+
/** 相邻项目的间距。 */
|
|
1241
2673
|
itemGap?: number;
|
|
1242
2674
|
};
|
|
2675
|
+
/** 数据被交互修改后调用。 */
|
|
1243
2676
|
onDataChange?: (series: readonly PieSeries[]) => void;
|
|
2677
|
+
/**
|
|
2678
|
+
用于渲染的数据集合。
|
|
2679
|
+
* @defaultValue EMPTY_PIE_DATA
|
|
2680
|
+
*/
|
|
1244
2681
|
data?: readonly PieDatum[];
|
|
2682
|
+
/** 图表数据系列。 */
|
|
1245
2683
|
series?: readonly PieSeries[];
|
|
2684
|
+
/**
|
|
2685
|
+
* 环形图形的内半径。
|
|
2686
|
+
* @defaultValue 62
|
|
2687
|
+
*/
|
|
1246
2688
|
innerRadius?: number;
|
|
2689
|
+
/**
|
|
2690
|
+
* 环形图形的外半径。
|
|
2691
|
+
* @defaultValue 124
|
|
2692
|
+
*/
|
|
1247
2693
|
outerRadius?: number;
|
|
2694
|
+
/**
|
|
2695
|
+
* 是否启用南丁格尔玫瑰图模式。
|
|
2696
|
+
* @defaultValue false
|
|
2697
|
+
*/
|
|
1248
2698
|
rose?: boolean | "radius" | "area";
|
|
2699
|
+
/**
|
|
2700
|
+
* 中心位置。
|
|
2701
|
+
* @defaultValue [360,173]
|
|
2702
|
+
*/
|
|
1249
2703
|
center?: readonly [number, number];
|
|
2704
|
+
/**
|
|
2705
|
+
* 绘制起始角度。
|
|
2706
|
+
* @defaultValue -90
|
|
2707
|
+
*/
|
|
1250
2708
|
startAngle?: number;
|
|
2709
|
+
/**
|
|
2710
|
+
* 是否按顺时针方向绘制。
|
|
2711
|
+
* @defaultValue true
|
|
2712
|
+
*/
|
|
1251
2713
|
clockwise?: boolean;
|
|
2714
|
+
/**
|
|
2715
|
+
* 相邻扇区之间的间隔角度。
|
|
2716
|
+
* @defaultValue 0
|
|
2717
|
+
*/
|
|
1252
2718
|
padAngle?: number;
|
|
2719
|
+
/**
|
|
2720
|
+
* 是否显示图例。
|
|
2721
|
+
* @defaultValue true
|
|
2722
|
+
*/
|
|
1253
2723
|
showLegend?: boolean;
|
|
2724
|
+
/**
|
|
2725
|
+
* 是否允许通过图例切换系列显示。
|
|
2726
|
+
* @defaultValue true
|
|
2727
|
+
*/
|
|
1254
2728
|
legendInteractive?: boolean;
|
|
2729
|
+
/** 图例项目的选中状态。 */
|
|
1255
2730
|
legendSelected?: Readonly<Record<string, boolean>>;
|
|
2731
|
+
/** 图例选中状态变化时调用。 */
|
|
1256
2732
|
onLegendSelectionChange?: (selected: Record<string, boolean>) => void;
|
|
2733
|
+
/**
|
|
2734
|
+
* 是否显示数据标签。
|
|
2735
|
+
* @defaultValue true
|
|
2736
|
+
*/
|
|
1257
2737
|
showLabels?: boolean;
|
|
2738
|
+
/**
|
|
2739
|
+
* 是否显示标签引导线。
|
|
2740
|
+
* @defaultValue true
|
|
2741
|
+
*/
|
|
1258
2742
|
showLabelLines?: boolean;
|
|
2743
|
+
/** 中心区域显示的标签。 */
|
|
1259
2744
|
centerLabel?: ReactNode;
|
|
2745
|
+
/**
|
|
2746
|
+
* 图形的选中模式。
|
|
2747
|
+
* @defaultValue false
|
|
2748
|
+
*/
|
|
1260
2749
|
selectedMode?: false | "single" | "multiple";
|
|
2750
|
+
/** 是否处于选中状态。 */
|
|
1261
2751
|
selected?: readonly string[];
|
|
2752
|
+
/** 初始化时选中的图形或状态。 */
|
|
1262
2753
|
defaultSelected?: readonly string[];
|
|
2754
|
+
/**
|
|
2755
|
+
* 选中扇区向外偏移的距离。
|
|
2756
|
+
* @defaultValue 9
|
|
2757
|
+
*/
|
|
1263
2758
|
selectedOffset?: number;
|
|
2759
|
+
/** 编辑器选区变化时调用。 */
|
|
1264
2760
|
onSelectionChange?: (names: string[]) => void;
|
|
2761
|
+
/** 点击图表数据项时调用。 */
|
|
1265
2762
|
onDataClick?: (info: ChartDataClickInfo<PieDatum>) => void;
|
|
1266
2763
|
}
|
|
2764
|
+
/** 饼图组件。 */
|
|
1267
2765
|
declare const PieChart: react.ForwardRefExoticComponent<PieChartProps & react.RefAttributes<SiaChartRef>>;
|
|
2766
|
+
/** 雷达图的一项指标,定义名称、范围及标签显示。 */
|
|
1268
2767
|
interface RadarIndicator {
|
|
2768
|
+
/** 名称或字段标识。 */
|
|
1269
2769
|
name: string;
|
|
2770
|
+
/** 允许的最大值。 */
|
|
1270
2771
|
max?: number;
|
|
2772
|
+
/** 允许的最小值。 */
|
|
1271
2773
|
min?: number;
|
|
1272
2774
|
}
|
|
2775
|
+
/** Radar的数据系列。 */
|
|
1273
2776
|
interface RadarSeries extends ChartSeries {
|
|
2777
|
+
/** 面积区域的填充渐变。 */
|
|
1274
2778
|
areaGradient?: {
|
|
2779
|
+
/** 中心位置。 */
|
|
1275
2780
|
center: readonly [number, number];
|
|
2781
|
+
/** 图形半径或圆角配置。 */
|
|
1276
2782
|
radius: number;
|
|
2783
|
+
/** 将焦点移入控件。 */
|
|
1277
2784
|
focus?: readonly [number, number];
|
|
2785
|
+
/** 渐变颜色停靠点集合。 */
|
|
1278
2786
|
stops: readonly {
|
|
2787
|
+
/** 相对于默认位置的偏移。 */
|
|
1279
2788
|
offset: number;
|
|
2789
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1280
2790
|
color: string;
|
|
1281
2791
|
}[];
|
|
1282
2792
|
};
|
|
2793
|
+
/** 数据点图形符号。 */
|
|
1283
2794
|
pointSymbol?: 'circle' | 'star';
|
|
2795
|
+
/** 数据点半径。 */
|
|
1284
2796
|
pointRadius?: number;
|
|
2797
|
+
/** 按数据点及索引计算颜色的函数。 */
|
|
1285
2798
|
pointColor?: (value: number, index: number) => string | undefined;
|
|
2799
|
+
/** 是否显示数值标签。 */
|
|
1286
2800
|
showValueLabels?: boolean;
|
|
2801
|
+
/** 数值标签格式化函数。 */
|
|
1287
2802
|
valueLabelFormatter?: (value: number, index: number) => string;
|
|
2803
|
+
/** 高亮线条宽度。 */
|
|
1288
2804
|
emphasisLineWidth?: number;
|
|
2805
|
+
/** 高亮面积区域颜色。 */
|
|
1289
2806
|
emphasisAreaColor?: string;
|
|
2807
|
+
/** 用于渲染的数据集合。 */
|
|
1290
2808
|
data: readonly number[];
|
|
2809
|
+
/** 面积填充透明度。 */
|
|
1291
2810
|
areaOpacity?: number;
|
|
2811
|
+
/** 线条样式。 */
|
|
1292
2812
|
lineStyle?: "solid" | "dashed" | "dotted";
|
|
2813
|
+
/** 线条粗细。 */
|
|
1293
2814
|
lineWidth?: number;
|
|
2815
|
+
/** 是否显示数据点。 */
|
|
1294
2816
|
showPoints?: boolean;
|
|
1295
2817
|
}
|
|
2818
|
+
/** 雷达图的坐标系面板配置。 */
|
|
1296
2819
|
interface RadarPanel {
|
|
2820
|
+
/** 是否根据数据自动计算缩放范围。 */
|
|
1297
2821
|
autoScale?: boolean;
|
|
2822
|
+
/** 缩放比例或比例尺配置。 */
|
|
1298
2823
|
scale?: boolean;
|
|
2824
|
+
/** 轴端是否保留间隔,或两端间隔的配置。 */
|
|
1299
2825
|
boundaryGap?: readonly [number, number];
|
|
2826
|
+
/** 坐标轴线颜色。 */
|
|
1300
2827
|
axisColor?: string;
|
|
2828
|
+
/** 轴线粗细。 */
|
|
1301
2829
|
axisWidth?: number;
|
|
2830
|
+
/** 分隔线颜色。 */
|
|
1302
2831
|
splitLineColor?: string;
|
|
2832
|
+
/** 分隔线粗细。 */
|
|
1303
2833
|
splitLineWidth?: number;
|
|
2834
|
+
/** 坐标轴分隔区域的填充颜色。 */
|
|
1304
2835
|
splitAreaColors?: readonly string[];
|
|
2836
|
+
/** 指标文字或指示器颜色。 */
|
|
1305
2837
|
indicatorColor?: string;
|
|
2838
|
+
/** 指标文字格式化函数。 */
|
|
1306
2839
|
indicatorFormatter?: (name: string) => string;
|
|
2840
|
+
/** 是否显示轴标签。 */
|
|
1307
2841
|
showAxisLabels?: boolean;
|
|
2842
|
+
/** 坐标轴标签颜色。 */
|
|
1308
2843
|
axisLabelColor?: string;
|
|
2844
|
+
/** 雷达图各指标的定义。 */
|
|
1309
2845
|
indicators: readonly RadarIndicator[];
|
|
2846
|
+
/** 图表数据系列。 */
|
|
1310
2847
|
series: readonly RadarSeries[];
|
|
2848
|
+
/** 中心位置。 */
|
|
1311
2849
|
center?: readonly [number, number];
|
|
2850
|
+
/** 图形半径或圆角配置。 */
|
|
1312
2851
|
radius?: number;
|
|
2852
|
+
/** 分层布局或雷达网格的层级配置。 */
|
|
1313
2853
|
levels?: number;
|
|
2854
|
+
/** 外观形状。 */
|
|
1314
2855
|
shape?: "polygon" | "circle";
|
|
2856
|
+
/** 绘制起始角度。 */
|
|
1315
2857
|
startAngle?: number;
|
|
1316
2858
|
}
|
|
2859
|
+
/** 雷达图的属性配置。 */
|
|
1317
2860
|
interface RadarChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
2861
|
+
/**
|
|
2862
|
+
* 是否允许通过拖拽图形修改数据。
|
|
2863
|
+
* @defaultValue false
|
|
2864
|
+
*/
|
|
1318
2865
|
calculable?: boolean;
|
|
2866
|
+
/** 图表间数据转移失败时调用。 */
|
|
1319
2867
|
onTransferError?: (message: string) => void;
|
|
2868
|
+
/** 在指定文本范围显示错误、警告或信息波浪线 */
|
|
1320
2869
|
markers?: readonly {
|
|
2870
|
+
/** 名称或字段标识。 */
|
|
1321
2871
|
name: string;
|
|
2872
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
1322
2873
|
value: number;
|
|
2874
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1323
2875
|
x: number;
|
|
2876
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1324
2877
|
y: number;
|
|
2878
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
1325
2879
|
size?: number;
|
|
2880
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1326
2881
|
color?: string;
|
|
2882
|
+
/** 是否使用空心样式。 */
|
|
1327
2883
|
hollow?: boolean;
|
|
1328
2884
|
}[];
|
|
2885
|
+
/**
|
|
2886
|
+
* 图形外观配置。
|
|
2887
|
+
* @defaultValue "sia"
|
|
2888
|
+
*/
|
|
1329
2889
|
appearance?: "sia" | "macarons";
|
|
2890
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
1330
2891
|
animationProgress?: number;
|
|
2892
|
+
/** 图例的排列顺序。 */
|
|
1331
2893
|
legendOrder?: readonly string[];
|
|
2894
|
+
/** 图例布局配置。 */
|
|
1332
2895
|
legendLayout?: {
|
|
2896
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1333
2897
|
x?: number;
|
|
2898
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1334
2899
|
y?: number;
|
|
2900
|
+
/** 组件的水平或垂直排列方向。 */
|
|
1335
2901
|
orientation?: "horizontal" | "vertical";
|
|
2902
|
+
/** 交叉轴对齐 */
|
|
1336
2903
|
align?: "start" | "center" | "end";
|
|
1337
2904
|
};
|
|
2905
|
+
/** 数据被交互修改后调用。 */
|
|
1338
2906
|
onDataChange?: (panels: readonly RadarPanel[]) => void;
|
|
2907
|
+
/**
|
|
2908
|
+
* 雷达图各指标的定义。
|
|
2909
|
+
* @defaultValue EMPTY_RADAR_INDICATORS
|
|
2910
|
+
*/
|
|
1339
2911
|
indicators?: readonly RadarIndicator[];
|
|
2912
|
+
/**
|
|
2913
|
+
* 图表数据系列。
|
|
2914
|
+
* @defaultValue EMPTY_RADAR_SERIES
|
|
2915
|
+
*/
|
|
1340
2916
|
series?: readonly RadarSeries[];
|
|
2917
|
+
/** 雷达坐标系集合。 */
|
|
1341
2918
|
radars?: readonly RadarPanel[];
|
|
2919
|
+
/**
|
|
2920
|
+
* 分层布局或雷达网格的层级配置。
|
|
2921
|
+
* @defaultValue 5
|
|
2922
|
+
*/
|
|
1342
2923
|
levels?: number;
|
|
2924
|
+
/**
|
|
2925
|
+
* 是否显示图例。
|
|
2926
|
+
* @defaultValue true
|
|
2927
|
+
*/
|
|
1343
2928
|
showLegend?: boolean;
|
|
2929
|
+
/**
|
|
2930
|
+
* 是否允许通过图例切换系列显示。
|
|
2931
|
+
* @defaultValue true
|
|
2932
|
+
*/
|
|
1344
2933
|
legendInteractive?: boolean;
|
|
2934
|
+
/** 图例项目的选中状态。 */
|
|
1345
2935
|
legendSelected?: Readonly<Record<string, boolean>>;
|
|
2936
|
+
/** 图例选中状态变化时调用。 */
|
|
1346
2937
|
onLegendSelectionChange?: (selected: Record<string, boolean>) => void;
|
|
2938
|
+
/** 点击图表数据项时调用。 */
|
|
1347
2939
|
onDataClick?: (info: ChartDataClickInfo<RadarSeries>) => void;
|
|
1348
2940
|
}
|
|
2941
|
+
/** 雷达图组件。 */
|
|
1349
2942
|
declare const RadarChart: react.ForwardRefExoticComponent<RadarChartProps & react.RefAttributes<SiaChartRef>>;
|
|
2943
|
+
/** 弦图中的节点定义。 */
|
|
1350
2944
|
interface ChordNode {
|
|
2945
|
+
/** 节点图形符号。 */
|
|
1351
2946
|
nodeSymbol?: 'circle' | 'star';
|
|
2947
|
+
/** 唯一标识,用于关联实例或插件。 */
|
|
1352
2948
|
id: string;
|
|
2949
|
+
/** 名称或字段标识。 */
|
|
1353
2950
|
name: string;
|
|
2951
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1354
2952
|
value?: number;
|
|
2953
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1355
2954
|
color?: string;
|
|
1356
2955
|
}
|
|
2956
|
+
/** 弦图节点间的关系和权重。 */
|
|
1357
2957
|
interface ChordLink {
|
|
2958
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
1358
2959
|
label?: string;
|
|
2960
|
+
/** 触发来源,用于区分不同入口的操作。 */
|
|
1359
2961
|
source: string;
|
|
2962
|
+
/** 关联的目标元素或获取目标元素的函数。 */
|
|
1360
2963
|
target: string;
|
|
2964
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1361
2965
|
value: number;
|
|
2966
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1362
2967
|
color?: string;
|
|
1363
2968
|
}
|
|
2969
|
+
/** 弦图的属性配置。 */
|
|
1364
2970
|
interface ChordChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
2971
|
+
/** 矩阵弦图的外观配置。 */
|
|
1365
2972
|
matrixAppearance?: MatrixChordAppearance;
|
|
2973
|
+
/** 节点几何形状配置。 */
|
|
1366
2974
|
nodeGeometry?: {
|
|
2975
|
+
/** 中心位置。 */
|
|
1367
2976
|
center: readonly [number, number];
|
|
2977
|
+
/** 节点环绕轨道的半径。 */
|
|
1368
2978
|
orbitRadius: number;
|
|
2979
|
+
/** 允许的最小半径。 */
|
|
1369
2980
|
minRadius: number;
|
|
2981
|
+
/** 允许的最大半径。 */
|
|
1370
2982
|
maxRadius: number;
|
|
2983
|
+
/** 绘制起始角度。 */
|
|
1371
2984
|
startAngle?: number;
|
|
1372
2985
|
};
|
|
2986
|
+
/** 矩阵图的数据系列。 */
|
|
1373
2987
|
matrixSeries?: readonly {
|
|
2988
|
+
/** 名称或字段标识。 */
|
|
1374
2989
|
name: string;
|
|
2990
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1375
2991
|
color: string;
|
|
2992
|
+
/** 关系权重矩阵。 */
|
|
1376
2993
|
matrix: readonly (readonly number[])[];
|
|
1377
2994
|
}[];
|
|
2995
|
+
/**
|
|
2996
|
+
* 是否显示节点名称。
|
|
2997
|
+
* @defaultValue false
|
|
2998
|
+
*/
|
|
1378
2999
|
showNodeLabels?: boolean;
|
|
3000
|
+
/**
|
|
3001
|
+
* 是否沿节点方向旋转标签。
|
|
3002
|
+
* @defaultValue false
|
|
3003
|
+
*/
|
|
1379
3004
|
rotateNodeLabels?: boolean;
|
|
3005
|
+
/** 矩阵连线的标签配置。 */
|
|
1380
3006
|
matrixLinkLabel?: (source: number, target: number) => string;
|
|
3007
|
+
/** 矩阵图几何布局配置。 */
|
|
1381
3008
|
matrixGeometry?: {
|
|
3009
|
+
/** 中心位置。 */
|
|
1382
3010
|
center: readonly [number, number];
|
|
3011
|
+
/** 环形图形的内半径。 */
|
|
1383
3012
|
innerRadius: number;
|
|
3013
|
+
/** 环形图形的外半径。 */
|
|
1384
3014
|
outerRadius: number;
|
|
3015
|
+
/** 绘制起始角度。 */
|
|
1385
3016
|
startAngle?: number;
|
|
1386
3017
|
};
|
|
3018
|
+
/**
|
|
3019
|
+
* 是否启用兼容模式的子分组排序。
|
|
3020
|
+
* @defaultValue false
|
|
3021
|
+
*/
|
|
1387
3022
|
legacySubSort?: boolean;
|
|
3023
|
+
/**
|
|
3024
|
+
* 是否显示刻度。
|
|
3025
|
+
* @defaultValue false
|
|
3026
|
+
*/
|
|
1388
3027
|
showScale?: boolean;
|
|
3028
|
+
/** 关系权重矩阵。 */
|
|
1389
3029
|
matrix?: readonly (readonly number[])[];
|
|
3030
|
+
/**
|
|
3031
|
+
* 子分组排序方式。
|
|
3032
|
+
* @defaultValue 'none'
|
|
3033
|
+
*/
|
|
1390
3034
|
sortSub?: 'none' | 'ascending' | 'descending';
|
|
3035
|
+
/** 图中节点的数据集合。 */
|
|
1391
3036
|
nodes: readonly ChordNode[];
|
|
3037
|
+
/** 节点之间的连线集合。 */
|
|
1392
3038
|
links: readonly ChordLink[];
|
|
3039
|
+
/**
|
|
3040
|
+
* 相邻扇区之间的间隔角度。
|
|
3041
|
+
* @defaultValue 0.035
|
|
3042
|
+
*/
|
|
1393
3043
|
padAngle?: number;
|
|
3044
|
+
/**
|
|
3045
|
+
* 弦带的外观与绘制配置。
|
|
3046
|
+
* @defaultValue true
|
|
3047
|
+
*/
|
|
1394
3048
|
ribbon?: boolean;
|
|
3049
|
+
/**
|
|
3050
|
+
* 是否按顺时针方向绘制。
|
|
3051
|
+
* @defaultValue true
|
|
3052
|
+
*/
|
|
1395
3053
|
clockwise?: boolean;
|
|
3054
|
+
/**
|
|
3055
|
+
* 数据或图形排序规则。
|
|
3056
|
+
* @defaultValue "none"
|
|
3057
|
+
*/
|
|
1396
3058
|
sort?: "ascending" | "descending" | "none";
|
|
3059
|
+
/** 节点点击回调 */
|
|
1397
3060
|
onNodeClick?: (info: ChartDataClickInfo<ChordNode>) => void;
|
|
3061
|
+
/** 点击节点连线时调用。 */
|
|
1398
3062
|
onLinkClick?: (info: ChartDataClickInfo<ChordLink>) => void;
|
|
1399
3063
|
}
|
|
3064
|
+
/** 弦图组件。 */
|
|
1400
3065
|
declare const ChordChart: react.ForwardRefExoticComponent<ChordChartProps & react.RefAttributes<SiaChartRef>>;
|
|
3066
|
+
/** 关系图中的节点数据及外观设置。 */
|
|
1401
3067
|
interface GraphNode {
|
|
3068
|
+
/** 节点图片来源。 */
|
|
1402
3069
|
imageSource?: string;
|
|
3070
|
+
/** 图片显示尺寸。 */
|
|
1403
3071
|
imageSize?: readonly [number, number];
|
|
3072
|
+
/** 标签显示位置。 */
|
|
1404
3073
|
labelPosition?: 'inside' | 'left' | 'right' | 'top' | 'bottom';
|
|
3074
|
+
/** 是否允许拖拽。 */
|
|
1405
3075
|
draggable?: boolean;
|
|
3076
|
+
/** 是否固定节点的 X 轴位置。 */
|
|
1406
3077
|
fixX?: boolean;
|
|
3078
|
+
/** 是否固定节点的 Y 轴位置。 */
|
|
1407
3079
|
fixY?: boolean;
|
|
3080
|
+
/** 标签文字颜色。 */
|
|
1408
3081
|
labelColor?: string;
|
|
3082
|
+
/** 边框颜色。 */
|
|
1409
3083
|
borderColor?: string;
|
|
3084
|
+
/** 边框线宽。 */
|
|
1410
3085
|
borderWidth?: number;
|
|
3086
|
+
/** 图形半径或圆角配置。 */
|
|
1411
3087
|
radius?: number;
|
|
3088
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
1412
3089
|
label?: string;
|
|
3090
|
+
/** 唯一标识,用于关联实例或插件。 */
|
|
1413
3091
|
id: string;
|
|
3092
|
+
/** 名称或字段标识。 */
|
|
1414
3093
|
name: string;
|
|
3094
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1415
3095
|
value?: number;
|
|
3096
|
+
/** 所属类目或分组。 */
|
|
1416
3097
|
category?: string;
|
|
3098
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1417
3099
|
color?: string;
|
|
3100
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1418
3101
|
x?: number;
|
|
3102
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1419
3103
|
y?: number;
|
|
3104
|
+
/** 列固定位置,left 固定左侧,right 固定右侧。 */
|
|
1420
3105
|
fixed?: boolean;
|
|
3106
|
+
/** 数据点或节点使用的图形符号。 */
|
|
1421
3107
|
symbol?: "circle" | "square" | "diamond" | "star";
|
|
1422
3108
|
}
|
|
3109
|
+
/** 关系图中的连线数据及外观设置。 */
|
|
1423
3110
|
interface GraphLink {
|
|
3111
|
+
/** 显示箭头及是否指向触发器中心 */
|
|
1424
3112
|
arrow?: boolean;
|
|
3113
|
+
/** 连线箭头尺寸。 */
|
|
1425
3114
|
arrowSize?: readonly [number, number];
|
|
3115
|
+
/** 相对于默认位置的偏移。 */
|
|
1426
3116
|
offset?: number;
|
|
3117
|
+
/** 曲线弯曲程度。 */
|
|
1427
3118
|
curvature?: number;
|
|
3119
|
+
/** 触发来源,用于区分不同入口的操作。 */
|
|
1428
3120
|
source: string;
|
|
3121
|
+
/** 关联的目标元素或获取目标元素的函数。 */
|
|
1429
3122
|
target: string;
|
|
3123
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1430
3124
|
value?: number;
|
|
3125
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
1431
3126
|
label?: string;
|
|
3127
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1432
3128
|
color?: string;
|
|
3129
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1433
3130
|
width?: number;
|
|
3131
|
+
/** 是否使用虚线。 */
|
|
1434
3132
|
dashed?: boolean;
|
|
1435
3133
|
}
|
|
3134
|
+
/** 关系图的属性配置。 */
|
|
1436
3135
|
interface GraphChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
3136
|
+
/**
|
|
3137
|
+
* 是否逐帧计算力导向布局。
|
|
3138
|
+
* @defaultValue false
|
|
3139
|
+
*/
|
|
1437
3140
|
progressiveForce?: boolean;
|
|
3141
|
+
/** 弦图布局参数。 */
|
|
1438
3142
|
chordOptions?: Pick<ChordChartProps, 'ribbon' | 'nodeGeometry' | 'rotateNodeLabels'>;
|
|
3143
|
+
/**
|
|
3144
|
+
* 地图或图表的平移、缩放配置。
|
|
3145
|
+
* @defaultValue false
|
|
3146
|
+
*/
|
|
1439
3147
|
roam?: boolean | 'move';
|
|
3148
|
+
/** 力导向布局参数。 */
|
|
1440
3149
|
forceOptions?: ForceLayoutOptions;
|
|
3150
|
+
/** 图中节点的数据集合。 */
|
|
1441
3151
|
nodes: readonly GraphNode[];
|
|
3152
|
+
/** 节点之间的连线集合。 */
|
|
1442
3153
|
links: readonly GraphLink[];
|
|
3154
|
+
/**
|
|
3155
|
+
* 布局方式。
|
|
3156
|
+
* @defaultValue "circular"
|
|
3157
|
+
*/
|
|
1443
3158
|
layout?: "force" | "circular";
|
|
3159
|
+
/**
|
|
3160
|
+
* 是否显示数据标签。
|
|
3161
|
+
* @defaultValue true
|
|
3162
|
+
*/
|
|
1444
3163
|
showLabels?: boolean;
|
|
3164
|
+
/**
|
|
3165
|
+
* 是否允许拖拽。
|
|
3166
|
+
* @defaultValue true
|
|
3167
|
+
*/
|
|
1445
3168
|
draggable?: boolean;
|
|
3169
|
+
/**
|
|
3170
|
+
* 是否允许通过图例切换系列显示。
|
|
3171
|
+
* @defaultValue true
|
|
3172
|
+
*/
|
|
1446
3173
|
legendInteractive?: boolean;
|
|
3174
|
+
/** 图例项目的选中状态。 */
|
|
1447
3175
|
legendSelected?: Readonly<Record<string, boolean>>;
|
|
3176
|
+
/** 图例选中状态变化时调用。 */
|
|
1448
3177
|
onLegendSelectionChange?: (selected: Record<string, boolean>) => void;
|
|
3178
|
+
/** 节点点击回调 */
|
|
1449
3179
|
onNodeClick?: (info: ChartDataClickInfo<GraphNode>) => void;
|
|
1450
3180
|
}
|
|
3181
|
+
/** 关系图组件。 */
|
|
1451
3182
|
declare const GraphChart: react.ForwardRefExoticComponent<GraphChartProps & react.RefAttributes<SiaChartRef>>;
|
|
3183
|
+
/** 力导向关系图组件。 */
|
|
1452
3184
|
declare const ForceGraphChart: react.ForwardRefExoticComponent<Omit<GraphChartProps, "layout"> & react.RefAttributes<SiaChartRef>>;
|
|
3185
|
+
/** 力导向图组件。 */
|
|
1453
3186
|
declare const ForceChart: react.ForwardRefExoticComponent<Omit<GraphChartProps, "layout"> & react.RefAttributes<SiaChartRef>>;
|
|
3187
|
+
/** GeoJSON 单多边形几何数据。 */
|
|
1454
3188
|
interface GeoJsonPolygonGeometry {
|
|
3189
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
1455
3190
|
type: "Polygon";
|
|
3191
|
+
/** 坐标序列。 */
|
|
1456
3192
|
coordinates: readonly (readonly (readonly [number, number])[])[];
|
|
1457
3193
|
}
|
|
3194
|
+
/** GeoJSON 多多边形几何数据。 */
|
|
1458
3195
|
interface GeoJsonMultiPolygonGeometry {
|
|
3196
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
1459
3197
|
type: "MultiPolygon";
|
|
3198
|
+
/** 坐标序列。 */
|
|
1460
3199
|
coordinates: readonly (readonly (readonly (readonly [number, number])[])[])[];
|
|
1461
3200
|
}
|
|
3201
|
+
/** 带业务属性的 GeoJSON 地理要素。 */
|
|
1462
3202
|
interface GeoJsonFeature {
|
|
3203
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
1463
3204
|
type: "Feature";
|
|
3205
|
+
/** 附加属性,例如 GeoJSON 要素的业务字段。 */
|
|
1464
3206
|
properties: Readonly<Record<string, unknown>> & {
|
|
3207
|
+
/** 名称或字段标识。 */
|
|
1465
3208
|
name?: string;
|
|
1466
3209
|
};
|
|
3210
|
+
/** 图形几何形状及布局参数。 */
|
|
1467
3211
|
geometry: GeoJsonPolygonGeometry | GeoJsonMultiPolygonGeometry;
|
|
1468
3212
|
}
|
|
3213
|
+
/** GeoJSON 地理要素集合。 */
|
|
1469
3214
|
interface GeoJsonFeatureCollection {
|
|
3215
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
1470
3216
|
type: "FeatureCollection";
|
|
3217
|
+
/** 工具箱中启用的功能项。 */
|
|
1471
3218
|
features: readonly GeoJsonFeature[];
|
|
1472
3219
|
}
|
|
3220
|
+
/** Map的单条数据。 */
|
|
1473
3221
|
interface MapDatum extends MapRegionAppearance {
|
|
3222
|
+
/** 图例使用的符号集合。 */
|
|
1474
3223
|
legendSymbols?: readonly {
|
|
3224
|
+
/** 名称或字段标识。 */
|
|
1475
3225
|
name: string;
|
|
3226
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1476
3227
|
color: string;
|
|
1477
3228
|
}[];
|
|
3229
|
+
/** 名称或字段标识。 */
|
|
1478
3230
|
name: string;
|
|
3231
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1479
3232
|
value: number;
|
|
3233
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1480
3234
|
color?: string;
|
|
3235
|
+
/** 是否处于选中状态。 */
|
|
1481
3236
|
selected?: boolean;
|
|
1482
3237
|
}
|
|
3238
|
+
/** 地图上标记点的坐标、内容和外观配置。 */
|
|
1483
3239
|
interface MapMarkPoint {
|
|
3240
|
+
/** 入场动画配置。 */
|
|
1484
3241
|
entrance?: boolean;
|
|
3242
|
+
/** 定位标记的形状。 */
|
|
1485
3243
|
pinShape?: 'curved' | 'arc';
|
|
1486
3244
|
/** SVG coordinates bypass geographic projection (and still follow the map group transform). */
|
|
1487
3245
|
coordinateSpace?: 'geographic' | 'svg';
|
|
3246
|
+
/** 图片资源地址。 */
|
|
1488
3247
|
imageSrc?: string;
|
|
3248
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
1489
3249
|
label?: ReactNode;
|
|
3250
|
+
/** 标签文字样式。 */
|
|
1490
3251
|
labelStyle?: CSSProperties;
|
|
3252
|
+
/** 高亮时是否显示标签。 */
|
|
1491
3253
|
showEmphasisLabel?: boolean;
|
|
3254
|
+
/** 缩放动画效果。 */
|
|
1492
3255
|
scaleEffect?: {
|
|
3256
|
+
/** 显示或动画持续时间,单位以所在组件约定为准。 */
|
|
1493
3257
|
duration: number;
|
|
3258
|
+
/** 缩放后的尺寸比例。 */
|
|
1494
3259
|
scaleSize?: number;
|
|
1495
3260
|
};
|
|
3261
|
+
/** 数据到颜色、大小等视觉通道的映射配置。 */
|
|
1496
3262
|
visualMap?: boolean;
|
|
3263
|
+
/** 数据点或节点使用的图形符号。 */
|
|
1497
3264
|
symbol?: 'circle' | 'emptyCircle' | 'pin';
|
|
3265
|
+
/** 数据系列名称。 */
|
|
1498
3266
|
seriesName?: string;
|
|
3267
|
+
/** 组件根节点的内联样式。 */
|
|
1499
3268
|
style?: CSSProperties;
|
|
3269
|
+
/** 高亮状态样式。 */
|
|
1500
3270
|
emphasisStyle?: CSSProperties;
|
|
3271
|
+
/** 名称或字段标识。 */
|
|
1501
3272
|
name: string;
|
|
3273
|
+
/** 图表坐标位置或坐标转换配置。 */
|
|
1502
3274
|
coordinate: readonly [number, number];
|
|
3275
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1503
3276
|
value?: number;
|
|
3277
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1504
3278
|
color?: string;
|
|
3279
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
1505
3280
|
size?: number;
|
|
3281
|
+
/** 滚动或淡入效果 */
|
|
1506
3282
|
effect?: boolean;
|
|
1507
3283
|
}
|
|
3284
|
+
/** 地图上标记连线的端点、样式和动态效果配置。 */
|
|
1508
3285
|
interface MapMarkLine {
|
|
3286
|
+
/** 图形逐步显示的动画配置。 */
|
|
1509
3287
|
reveal?: {
|
|
3288
|
+
/** 首次显示动画的持续时间。 */
|
|
1510
3289
|
initialDuration?: number;
|
|
3290
|
+
/** 更新动画的持续时间。 */
|
|
1511
3291
|
updateDuration?: number;
|
|
1512
3292
|
};
|
|
3293
|
+
/** 线条样式。 */
|
|
1513
3294
|
lineStyle?: CSSProperties;
|
|
3295
|
+
/** 阴影模糊半径。 */
|
|
1514
3296
|
shadowBlur?: number;
|
|
3297
|
+
/** 连线端点样式。 */
|
|
1515
3298
|
endpointStyle?: CSSProperties;
|
|
3299
|
+
/** 连线起点和终点使用的图形符号。 */
|
|
1516
3300
|
endpointSymbols?: readonly ['none' | 'circle', 'circle' | 'arrow'];
|
|
3301
|
+
/** 数据到颜色、大小等视觉通道的映射配置。 */
|
|
1517
3302
|
visualMap?: boolean;
|
|
3303
|
+
/** 曲线的绘制模式。 */
|
|
1518
3304
|
curveMode?: 'directional';
|
|
3305
|
+
/** 沿路径移动的动态效果配置。 */
|
|
1519
3306
|
movingEffect?: {
|
|
3307
|
+
/** 周期动画的周期时长。 */
|
|
1520
3308
|
period?: number;
|
|
3309
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1521
3310
|
color?: string;
|
|
3311
|
+
/** 图形半径或圆角配置。 */
|
|
1522
3312
|
radius?: number;
|
|
3313
|
+
/** 阴影模糊半径。 */
|
|
1523
3314
|
shadowBlur?: number;
|
|
3315
|
+
/** 阴影颜色。 */
|
|
1524
3316
|
shadowColor?: string;
|
|
3317
|
+
/** 轨迹残影的透明度。 */
|
|
1525
3318
|
trailAlpha?: number;
|
|
1526
3319
|
};
|
|
3320
|
+
/** 数据系列名称。 */
|
|
1527
3321
|
seriesName?: string;
|
|
3322
|
+
/** 是否使用虚线。 */
|
|
1528
3323
|
dashed?: boolean;
|
|
3324
|
+
/** 连线两端的符号尺寸。 */
|
|
1529
3325
|
endpointSizes?: readonly [number, number];
|
|
3326
|
+
/** 提示内容或提示框配置。 */
|
|
1530
3327
|
tooltip?: ReactNode;
|
|
3328
|
+
/** 名称或字段标识。 */
|
|
1531
3329
|
name?: string;
|
|
3330
|
+
/** 触发来源,用于区分不同入口的操作。 */
|
|
1532
3331
|
source: readonly [number, number];
|
|
3332
|
+
/** 关联的目标元素或获取目标元素的函数。 */
|
|
1533
3333
|
target: readonly [number, number];
|
|
3334
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1534
3335
|
value?: number;
|
|
3336
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1535
3337
|
color?: string;
|
|
3338
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1536
3339
|
width?: number;
|
|
3340
|
+
/** 连线曲率。 */
|
|
1537
3341
|
curveness?: number;
|
|
3342
|
+
/** 滚动或淡入效果 */
|
|
1538
3343
|
effect?: boolean;
|
|
1539
3344
|
}
|
|
3345
|
+
/** 地图的属性配置。 */
|
|
1540
3346
|
interface MapChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
1541
3347
|
/** Host map projection into overlay pixels. Re-render when the host viewport changes. */
|
|
1542
3348
|
overlayProjection?: {
|
|
3349
|
+
/** 将数据或地理坐标投影为绘图坐标。 */
|
|
1543
3350
|
project: (coordinate: readonly [number, number]) => readonly [number, number];
|
|
3351
|
+
/** 相对于默认位置的偏移。 */
|
|
1544
3352
|
offset?: readonly [number, number];
|
|
1545
3353
|
};
|
|
3354
|
+
/** 捆绑连线配置。 */
|
|
1546
3355
|
bundledLines?: BundledMapLines;
|
|
3356
|
+
/**
|
|
3357
|
+
* 标记线动态效果使用的渲染器。
|
|
3358
|
+
* @defaultValue 'svg'
|
|
3359
|
+
*/
|
|
1547
3360
|
markLineEffectRenderer?: 'svg' | 'canvas';
|
|
1548
3361
|
/** Batched point groups; points are geographic longitude/latitude pairs. */
|
|
1549
3362
|
largeMarkPoints?: readonly LargeMapPointCanvasGroup[];
|
|
3363
|
+
/** 地图嵌入区域的样式。 */
|
|
1550
3364
|
insetStyle?: CSSProperties;
|
|
3365
|
+
/** 地图嵌入区域的标签样式。 */
|
|
1551
3366
|
insetLabelStyle?: CSSProperties;
|
|
3367
|
+
/**
|
|
3368
|
+
* 地图区域是否响应悬停。
|
|
3369
|
+
* @defaultValue true
|
|
3370
|
+
*/
|
|
1552
3371
|
regionHoverable?: boolean;
|
|
3372
|
+
/** 标记点提示框格式化函数。 */
|
|
1553
3373
|
markPointTooltipFormatter?: (point: MapMarkPoint) => ReactNode;
|
|
3374
|
+
/**
|
|
3375
|
+
* 是否将视觉映射值限制在配置范围内。
|
|
3376
|
+
* @defaultValue false
|
|
3377
|
+
*/
|
|
1554
3378
|
clampVisualValues?: boolean;
|
|
3379
|
+
/** 滚轮缩放的倍率配置。 */
|
|
1555
3380
|
wheelZoomFactors?: readonly [number, number];
|
|
1556
3381
|
/** Hide the map series while retaining title and value-range controls. */
|
|
1557
3382
|
showMap?: boolean;
|
|
3383
|
+
/** 超出视觉映射范围时的颜色。 */
|
|
1558
3384
|
outOfRangeColor?: string;
|
|
3385
|
+
/**
|
|
3386
|
+
* 地图漫游控制器配置。
|
|
3387
|
+
* @defaultValue false
|
|
3388
|
+
*/
|
|
1559
3389
|
roamController?: boolean;
|
|
3390
|
+
/** 视觉映射控件的布局配置。 */
|
|
1560
3391
|
visualMapLayout?: {
|
|
3392
|
+
/** 拖动过程中是否实时通知值变化。 */
|
|
1561
3393
|
realtime?: boolean;
|
|
3394
|
+
/** 是否使用 SVG 绘制交互手柄。 */
|
|
1562
3395
|
svgHandles?: boolean;
|
|
3396
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1563
3397
|
x?: number;
|
|
3398
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1564
3399
|
y?: number;
|
|
3400
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1565
3401
|
width?: number;
|
|
3402
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1566
3403
|
height?: number;
|
|
3404
|
+
/** 组件的水平或垂直排列方向。 */
|
|
1567
3405
|
orientation?: 'horizontal' | 'vertical';
|
|
3406
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
1568
3407
|
label?: string;
|
|
3408
|
+
/** 范围两端显示的标签。 */
|
|
1569
3409
|
endLabels?: readonly [string, string];
|
|
1570
3410
|
};
|
|
3411
|
+
/** 标签文字样式。 */
|
|
1571
3412
|
labelStyle?: CSSProperties;
|
|
3413
|
+
/** 高亮状态的标签样式。 */
|
|
1572
3414
|
emphasisLabelStyle?: CSSProperties;
|
|
3415
|
+
/** 地图区域样式。 */
|
|
1573
3416
|
regionStyle?: CSSProperties;
|
|
3417
|
+
/** 地图区域高亮样式。 */
|
|
1574
3418
|
emphasisRegionStyle?: CSSProperties;
|
|
1575
3419
|
/** Omit for .65–5; null removes limits; an object sets optional bounds. */
|
|
1576
3420
|
scaleLimit?: {
|
|
3421
|
+
/** 允许的最小值。 */
|
|
1577
3422
|
min?: number;
|
|
3423
|
+
/** 允许的最大值。 */
|
|
1578
3424
|
max?: number;
|
|
1579
3425
|
} | null;
|
|
3426
|
+
/** 提示框内容的格式化函数。 */
|
|
1580
3427
|
tooltipFormatter?: (name: string, datum: MapDatum | undefined) => ReactNode;
|
|
3428
|
+
/**
|
|
3429
|
+
* 高亮时是否显示标签集合。
|
|
3430
|
+
* @defaultValue false
|
|
3431
|
+
*/
|
|
1581
3432
|
showEmphasisLabels?: boolean;
|
|
3433
|
+
/** 经度方向投影的比例系数。 */
|
|
1582
3434
|
longitudeRatio?: number;
|
|
3435
|
+
/**
|
|
3436
|
+
* 地理区域嵌入配置。
|
|
3437
|
+
* @defaultValue []
|
|
3438
|
+
*/
|
|
1583
3439
|
geographicInsets?: readonly {
|
|
3440
|
+
/** 名称或字段标识。 */
|
|
1584
3441
|
name: string;
|
|
3442
|
+
/** 图表坐标位置或坐标转换配置。 */
|
|
1585
3443
|
coordinate: readonly [number, number];
|
|
3444
|
+
/** 多边形集合。 */
|
|
1586
3445
|
polygons: readonly (readonly (readonly [number, number])[])[];
|
|
3446
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
1587
3447
|
label: readonly [number, number];
|
|
3448
|
+
/** 每单位经度对应的绘图单位数。 */
|
|
1588
3449
|
unitsPerLongitude: number;
|
|
1589
3450
|
}[];
|
|
3451
|
+
/** 绘图区边界。 */
|
|
1590
3452
|
plotBounds?: {
|
|
3453
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1591
3454
|
x: number;
|
|
3455
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1592
3456
|
y: number;
|
|
3457
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1593
3458
|
width: number;
|
|
3459
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1594
3460
|
height: number;
|
|
1595
3461
|
};
|
|
3462
|
+
/** 数值轴的数据范围。 */
|
|
1596
3463
|
valueDomain?: readonly [number, number];
|
|
3464
|
+
/**
|
|
3465
|
+
* 是否显示视觉映射控件。
|
|
3466
|
+
* @defaultValue true
|
|
3467
|
+
*/
|
|
1597
3468
|
showVisualMap?: boolean;
|
|
3469
|
+
/** 数据系列名称。 */
|
|
1598
3470
|
seriesName?: string;
|
|
3471
|
+
/** 地图标识或地图数据。 */
|
|
1599
3472
|
map?: string;
|
|
3473
|
+
/** 用于绘制地图的 GeoJSON 数据。 */
|
|
1600
3474
|
geoJson?: GeoJsonFeatureCollection;
|
|
3475
|
+
/** 用于渲染的数据集合。 */
|
|
1601
3476
|
data: readonly MapDatum[];
|
|
3477
|
+
/**
|
|
3478
|
+
* 可选颜色或颜色序列。
|
|
3479
|
+
* @defaultValue ["#e6f4ff", "#1677ff"]
|
|
3480
|
+
*/
|
|
1602
3481
|
colors?: readonly string[];
|
|
3482
|
+
/**
|
|
3483
|
+
* 从地理要素属性中读取名称的字段名。
|
|
3484
|
+
* @defaultValue "name"
|
|
3485
|
+
*/
|
|
1603
3486
|
nameProperty?: string;
|
|
3487
|
+
/** 原始名称到显示名称的映射。 */
|
|
1604
3488
|
nameMap?: Readonly<Record<string, string>>;
|
|
3489
|
+
/** 地图标签的自定义坐标。 */
|
|
1605
3490
|
labelCoordinates?: Readonly<Record<string, readonly [number, number]>>;
|
|
3491
|
+
/** 标签相对于默认位置的偏移集合。 */
|
|
1606
3492
|
labelOffsets?: Readonly<Record<string, readonly [number, number]>>;
|
|
3493
|
+
/** 需要单独放置的特殊地理区域。 */
|
|
1607
3494
|
specialAreas?: Readonly<Record<string, MapSpecialArea>>;
|
|
1608
3495
|
/** Normalize coordinates before calculating bounds and projecting; source GeoJSON is unchanged. */
|
|
1609
3496
|
coordinateTransform?: (point: readonly [number, number]) => readonly [number, number];
|
|
3497
|
+
/** 参与高亮的数据值范围。 */
|
|
1610
3498
|
emphasisValueRange?: readonly [number, number];
|
|
3499
|
+
/** 鼠标悬停地图区域时调用。 */
|
|
1611
3500
|
onRegionHover?: (datum: MapDatum | undefined) => void;
|
|
3501
|
+
/**
|
|
3502
|
+
* 是否显示数据标签。
|
|
3503
|
+
* @defaultValue true
|
|
3504
|
+
*/
|
|
1612
3505
|
showLabels?: boolean;
|
|
3506
|
+
/**
|
|
3507
|
+
* 地图或图表的平移、缩放配置。
|
|
3508
|
+
* @defaultValue false
|
|
3509
|
+
*/
|
|
1613
3510
|
roam?: boolean | "move" | "scale";
|
|
3511
|
+
/**
|
|
3512
|
+
* 图形的选中模式。
|
|
3513
|
+
* @defaultValue false
|
|
3514
|
+
*/
|
|
1614
3515
|
selectedMode?: false | "single" | "multiple";
|
|
3516
|
+
/** 是否处于选中状态。 */
|
|
1615
3517
|
selected?: readonly string[];
|
|
3518
|
+
/** 初始化时选中的图形或状态。 */
|
|
1616
3519
|
defaultSelected?: readonly string[];
|
|
3520
|
+
/** 编辑器选区变化时调用。 */
|
|
1617
3521
|
onSelectionChange?: (names: string[]) => void;
|
|
3522
|
+
/**
|
|
3523
|
+
* 是否允许拖动视觉映射范围。
|
|
3524
|
+
* @defaultValue false
|
|
3525
|
+
*/
|
|
1618
3526
|
calculableVisualMap?: boolean;
|
|
3527
|
+
/** 受控的视觉映射数值范围。 */
|
|
1619
3528
|
visualRange?: readonly [number, number];
|
|
3529
|
+
/** 初始视觉映射范围。 */
|
|
1620
3530
|
defaultVisualRange?: readonly [number, number];
|
|
3531
|
+
/** 视觉映射范围变化时调用。 */
|
|
1621
3532
|
onVisualRangeChange?: (range: [number, number]) => void;
|
|
3533
|
+
/**
|
|
3534
|
+
* 标记点配置集合。
|
|
3535
|
+
* @defaultValue []
|
|
3536
|
+
*/
|
|
1622
3537
|
markPoints?: readonly MapMarkPoint[];
|
|
3538
|
+
/**
|
|
3539
|
+
* 标记线配置集合。
|
|
3540
|
+
* @defaultValue []
|
|
3541
|
+
*/
|
|
1623
3542
|
markLines?: readonly MapMarkLine[];
|
|
3543
|
+
/** 点击地图区域时调用。 */
|
|
1624
3544
|
onRegionClick?: (info: ChartDataClickInfo<MapDatum | GeoJsonFeature>) => void;
|
|
1625
3545
|
}
|
|
3546
|
+
/** 注册可供 MapChart 按名称使用的 GeoJSON 地图数据。 */
|
|
1626
3547
|
declare function registerChartMap(name: string, geoJson: GeoJsonFeatureCollection): void;
|
|
3548
|
+
/** 按名称读取已注册的地图数据。 */
|
|
1627
3549
|
declare function getChartMap(name: string): GeoJsonFeatureCollection | undefined;
|
|
3550
|
+
/** 地图组件。 */
|
|
1628
3551
|
declare const MapChart: react.ForwardRefExoticComponent<MapChartProps & react.RefAttributes<SiaChartRef>>;
|
|
3552
|
+
/** Gauge的单条数据。 */
|
|
1629
3553
|
interface GaugeDatum {
|
|
3554
|
+
/** 组件或浮层的堆叠层级。 */
|
|
1630
3555
|
zIndex?: number;
|
|
3556
|
+
/** 标签文字粗细。 */
|
|
1631
3557
|
labelFontWeight?: string | number;
|
|
3558
|
+
/** 名称文字粗细。 */
|
|
1632
3559
|
nameFontWeight?: string | number;
|
|
3560
|
+
/** 详细数值文字粗细。 */
|
|
1633
3561
|
detailFontWeight?: string | number;
|
|
3562
|
+
/** 名称文字样式。 */
|
|
1634
3563
|
nameFontStyle?: string;
|
|
3564
|
+
/** 详细数值的容器样式。 */
|
|
1635
3565
|
detailBox?: {
|
|
3566
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1636
3567
|
width: number;
|
|
3568
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1637
3569
|
height: number;
|
|
3570
|
+
/** 背景颜色或填充配置。 */
|
|
1638
3571
|
background?: string;
|
|
3572
|
+
/** 边框颜色。 */
|
|
1639
3573
|
borderColor?: string;
|
|
3574
|
+
/** 边框线宽。 */
|
|
1640
3575
|
borderWidth?: number;
|
|
1641
3576
|
};
|
|
3577
|
+
/** 轴线粗细。 */
|
|
1642
3578
|
axisWidth?: number;
|
|
3579
|
+
/** 坐标轴或仪表盘的分段数量。 */
|
|
1643
3580
|
splitNumber?: number;
|
|
3581
|
+
/** 刻度数量。 */
|
|
1644
3582
|
tickCount?: number;
|
|
3583
|
+
/** 刻度线长度。 */
|
|
1645
3584
|
tickLength?: number;
|
|
3585
|
+
/** 刻度线颜色。 */
|
|
1646
3586
|
tickColor?: string;
|
|
3587
|
+
/** 是否显示刻度线。 */
|
|
1647
3588
|
showTicks?: boolean;
|
|
3589
|
+
/** 分隔线长度。 */
|
|
1648
3590
|
splitLength?: number;
|
|
3591
|
+
/** 分隔线颜色。 */
|
|
1649
3592
|
splitColor?: string;
|
|
3593
|
+
/** 分隔线宽度。 */
|
|
1650
3594
|
splitWidth?: number;
|
|
3595
|
+
/** 标签文字颜色。 */
|
|
1651
3596
|
labelColor?: string;
|
|
3597
|
+
/** 标签字体大小。 */
|
|
1652
3598
|
labelFontSize?: number;
|
|
3599
|
+
/** 标签文本格式化函数。 */
|
|
1653
3600
|
labelFormatter?: (value: number) => ReactNode;
|
|
3601
|
+
/** 名称相对于默认位置的偏移。 */
|
|
1654
3602
|
nameOffset?: readonly [number, number];
|
|
3603
|
+
/** 详细数值的显示位置。 */
|
|
1655
3604
|
detailPosition?: readonly [number, number];
|
|
3605
|
+
/** 是否显示名称。 */
|
|
1656
3606
|
showName?: boolean;
|
|
3607
|
+
/** 是否显示详细数值。 */
|
|
1657
3608
|
showDetail?: boolean;
|
|
3609
|
+
/** 名称文字大小。 */
|
|
1658
3610
|
nameFontSize?: number;
|
|
3611
|
+
/** 详细数值文字大小。 */
|
|
1659
3612
|
detailFontSize?: number;
|
|
3613
|
+
/** 名称文字颜色。 */
|
|
1660
3614
|
nameColor?: string;
|
|
3615
|
+
/** 详细数值文字颜色。 */
|
|
1661
3616
|
detailColor?: string;
|
|
3617
|
+
/** 指针颜色。 */
|
|
1662
3618
|
pointerColor?: string;
|
|
3619
|
+
/** 发光效果配置。 */
|
|
1663
3620
|
glow?: boolean;
|
|
3621
|
+
/** 名称或字段标识。 */
|
|
1664
3622
|
name: string;
|
|
3623
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1665
3624
|
value: number;
|
|
3625
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1666
3626
|
color?: string;
|
|
3627
|
+
/** 允许的最小值。 */
|
|
1667
3628
|
min?: number;
|
|
3629
|
+
/** 允许的最大值。 */
|
|
1668
3630
|
max?: number;
|
|
3631
|
+
/** 绘制起始角度。 */
|
|
1669
3632
|
startAngle?: number;
|
|
3633
|
+
/** 绘制结束角度。 */
|
|
1670
3634
|
endAngle?: number;
|
|
3635
|
+
/** 中心位置。 */
|
|
1671
3636
|
center?: readonly [number, number];
|
|
3637
|
+
/** 图形半径或圆角配置。 */
|
|
1672
3638
|
radius?: number;
|
|
3639
|
+
/** 分段配置。 */
|
|
1673
3640
|
segments?: readonly {
|
|
3641
|
+
/** 该段有效范围的结束值。 */
|
|
1674
3642
|
until: number;
|
|
3643
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1675
3644
|
color: string;
|
|
1676
3645
|
}[];
|
|
3646
|
+
/** 指针宽度。 */
|
|
1677
3647
|
pointerWidth?: number;
|
|
3648
|
+
/** 指针长度。 */
|
|
1678
3649
|
pointerLength?: number;
|
|
3650
|
+
/** 数值显示单位。 */
|
|
1679
3651
|
unit?: string;
|
|
1680
3652
|
}
|
|
3653
|
+
/** 仪表盘的属性配置。 */
|
|
1681
3654
|
interface GaugeChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
3655
|
+
/** 提示框内容的格式化函数。 */
|
|
1682
3656
|
tooltipFormatter?: (item: GaugeDatum) => ReactNode;
|
|
3657
|
+
/**
|
|
3658
|
+
* 图形外观配置。
|
|
3659
|
+
* @defaultValue "sia"
|
|
3660
|
+
*/
|
|
1683
3661
|
appearance?: "sia" | "macarons";
|
|
3662
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
1684
3663
|
animationProgress?: number;
|
|
3664
|
+
/** 用于渲染的数据集合。 */
|
|
1685
3665
|
data: readonly GaugeDatum[];
|
|
3666
|
+
/**
|
|
3667
|
+
* 允许的最小值。
|
|
3668
|
+
* @defaultValue 0
|
|
3669
|
+
*/
|
|
1686
3670
|
min?: number;
|
|
3671
|
+
/**
|
|
3672
|
+
* 允许的最大值。
|
|
3673
|
+
* @defaultValue 100
|
|
3674
|
+
*/
|
|
1687
3675
|
max?: number;
|
|
3676
|
+
/**
|
|
3677
|
+
* 绘制起始角度。
|
|
3678
|
+
* @defaultValue 210
|
|
3679
|
+
*/
|
|
1688
3680
|
startAngle?: number;
|
|
3681
|
+
/**
|
|
3682
|
+
* 绘制结束角度。
|
|
3683
|
+
* @defaultValue -30
|
|
3684
|
+
*/
|
|
1689
3685
|
endAngle?: number;
|
|
3686
|
+
/** 分段配置。 */
|
|
1690
3687
|
segments?: readonly {
|
|
3688
|
+
/** 该段有效范围的结束值。 */
|
|
1691
3689
|
until: number;
|
|
3690
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1692
3691
|
color: string;
|
|
1693
3692
|
}[];
|
|
3693
|
+
/**
|
|
3694
|
+
* 坐标轴或仪表盘的分段数量。
|
|
3695
|
+
* @defaultValue 10
|
|
3696
|
+
*/
|
|
1694
3697
|
splitNumber?: number;
|
|
3698
|
+
/**
|
|
3699
|
+
* 是否显示轴标签。
|
|
3700
|
+
* @defaultValue true
|
|
3701
|
+
*/
|
|
1695
3702
|
showAxisLabels?: boolean;
|
|
3703
|
+
/**
|
|
3704
|
+
* 是否显示进度部分。
|
|
3705
|
+
* @defaultValue true
|
|
3706
|
+
*/
|
|
1696
3707
|
showProgress?: boolean;
|
|
3708
|
+
/**
|
|
3709
|
+
* 详细数值相对于默认位置的偏移。
|
|
3710
|
+
* @defaultValue 84
|
|
3711
|
+
*/
|
|
1697
3712
|
detailOffset?: number;
|
|
3713
|
+
/** 将数值格式化为显示文本的函数。 */
|
|
1698
3714
|
valueFormatter?: (value: number) => ReactNode;
|
|
3715
|
+
/** 点击图表数据项时调用。 */
|
|
1699
3716
|
onDataClick?: (info: ChartDataClickInfo<GaugeDatum>) => void;
|
|
1700
3717
|
}
|
|
3718
|
+
/** 仪表盘组件。 */
|
|
1701
3719
|
declare const GaugeChart: react.ForwardRefExoticComponent<GaugeChartProps & react.RefAttributes<SiaChartRef>>;
|
|
3720
|
+
/** Funnel的单条数据。 */
|
|
1702
3721
|
interface FunnelDatum extends PieDatum {
|
|
1703
3722
|
}
|
|
3723
|
+
/** Funnel的数据系列。 */
|
|
1704
3724
|
interface FunnelSeries {
|
|
3725
|
+
/** 提示框内容的格式化函数。 */
|
|
1705
3726
|
tooltipFormatter?: (item: FunnelDatum) => ReactNode;
|
|
3727
|
+
/** 高亮状态的标签位置。 */
|
|
1706
3728
|
emphasisLabelPosition?: "inside" | "left" | "right";
|
|
3729
|
+
/** 高亮标签格式化函数。 */
|
|
1707
3730
|
emphasisLabelFormatter?: (item: FunnelDatum) => ReactNode;
|
|
3731
|
+
/** 允许的最小值。 */
|
|
1708
3732
|
min?: number;
|
|
3733
|
+
/** 允许的最大值。 */
|
|
1709
3734
|
max?: number;
|
|
3735
|
+
/** 允许的最小尺寸。 */
|
|
1710
3736
|
minSize?: number;
|
|
3737
|
+
/** 允许的最大尺寸。 */
|
|
1711
3738
|
maxSize?: number;
|
|
3739
|
+
/** 标签显示位置。 */
|
|
1712
3740
|
labelPosition?: "inside" | "left" | "right";
|
|
3741
|
+
/** 标签文本格式化函数。 */
|
|
1713
3742
|
labelFormatter?: (item: FunnelDatum) => ReactNode;
|
|
3743
|
+
/** 是否显示标签引导线。 */
|
|
1714
3744
|
showLabelLines?: boolean;
|
|
3745
|
+
/** 边框颜色。 */
|
|
1715
3746
|
borderColor?: string;
|
|
3747
|
+
/** 边框线宽。 */
|
|
1716
3748
|
borderWidth?: number;
|
|
3749
|
+
/** 饼图中心位置。 */
|
|
1717
3750
|
pieCenter?: [number, number];
|
|
3751
|
+
/** 名称或字段标识。 */
|
|
1718
3752
|
name?: string;
|
|
3753
|
+
/** 用于渲染的数据集合。 */
|
|
1719
3754
|
data: readonly FunnelDatum[];
|
|
3755
|
+
/** 距左侧的位置或间距。 */
|
|
1720
3756
|
left?: number;
|
|
3757
|
+
/** 距顶部的位置或间距。 */
|
|
1721
3758
|
top?: number;
|
|
3759
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1722
3760
|
width?: number;
|
|
3761
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1723
3762
|
height?: number;
|
|
3763
|
+
/** 数据或图形排序规则。 */
|
|
1724
3764
|
sort?: "descending" | "ascending" | "none";
|
|
3765
|
+
/** 预设或自定义间距 */
|
|
1725
3766
|
gap?: number;
|
|
3767
|
+
/** 交叉轴对齐 */
|
|
1726
3768
|
align?: "center" | "left" | "right";
|
|
3769
|
+
/** 组件的水平或垂直排列方向。 */
|
|
1727
3770
|
orientation?: "vertical" | "horizontal";
|
|
1728
3771
|
}
|
|
3772
|
+
/** 漏斗图的属性配置。 */
|
|
1729
3773
|
interface FunnelChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
3774
|
+
/**
|
|
3775
|
+
* 图形外观配置。
|
|
3776
|
+
* @defaultValue "sia"
|
|
3777
|
+
*/
|
|
1730
3778
|
appearance?: "sia" | "macarons";
|
|
3779
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
1731
3780
|
animationProgress?: number;
|
|
3781
|
+
/** 图例的排列顺序。 */
|
|
1732
3782
|
legendOrder?: readonly string[];
|
|
3783
|
+
/** 图例布局配置。 */
|
|
1733
3784
|
legendLayout?: {
|
|
3785
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1734
3786
|
x?: number;
|
|
3787
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1735
3788
|
y?: number;
|
|
3789
|
+
/**
|
|
3790
|
+
组件的水平或垂直排列方向。
|
|
3791
|
+
* @defaultValue "vertical"
|
|
3792
|
+
*/
|
|
1736
3793
|
orientation?: "horizontal" | "vertical";
|
|
1737
3794
|
};
|
|
3795
|
+
/** 数据被交互修改后调用。 */
|
|
1738
3796
|
onDataChange?: (series: readonly FunnelSeries[]) => void;
|
|
3797
|
+
/**
|
|
3798
|
+
用于渲染的数据集合。
|
|
3799
|
+
* @defaultValue EMPTY_PIE_DATA
|
|
3800
|
+
*/
|
|
1739
3801
|
data?: readonly FunnelDatum[];
|
|
3802
|
+
/** 图表数据系列。 */
|
|
1740
3803
|
series?: readonly FunnelSeries[];
|
|
3804
|
+
/**
|
|
3805
|
+
* 数据或图形排序规则。
|
|
3806
|
+
* @defaultValue "descending"
|
|
3807
|
+
*/
|
|
1741
3808
|
sort?: "descending" | "ascending" | "none";
|
|
3809
|
+
/**
|
|
3810
|
+
* 预设或自定义间距
|
|
3811
|
+
* @defaultValue 4
|
|
3812
|
+
*/
|
|
1742
3813
|
gap?: number;
|
|
3814
|
+
/**
|
|
3815
|
+
* 交叉轴对齐
|
|
3816
|
+
* @defaultValue "center"
|
|
3817
|
+
*/
|
|
1743
3818
|
align?: "center" | "left" | "right";
|
|
3819
|
+
/**
|
|
3820
|
+
组件的水平或垂直排列方向。
|
|
3821
|
+
* @defaultValue "vertical"
|
|
3822
|
+
*/
|
|
1744
3823
|
orientation?: "vertical" | "horizontal";
|
|
3824
|
+
/**
|
|
3825
|
+
* 是否显示图例。
|
|
3826
|
+
* @defaultValue true
|
|
3827
|
+
*/
|
|
1745
3828
|
showLegend?: boolean;
|
|
3829
|
+
/**
|
|
3830
|
+
* 是否允许通过图例切换系列显示。
|
|
3831
|
+
* @defaultValue true
|
|
3832
|
+
*/
|
|
1746
3833
|
legendInteractive?: boolean;
|
|
3834
|
+
/** 图例项目的选中状态。 */
|
|
1747
3835
|
legendSelected?: Readonly<Record<string, boolean>>;
|
|
3836
|
+
/** 图例选中状态变化时调用。 */
|
|
1748
3837
|
onLegendSelectionChange?: (selected: Record<string, boolean>) => void;
|
|
3838
|
+
/** 点击图表数据项时调用。 */
|
|
1749
3839
|
onDataClick?: (info: ChartDataClickInfo<FunnelDatum>) => void;
|
|
1750
3840
|
}
|
|
3841
|
+
/** 漏斗图组件。 */
|
|
1751
3842
|
declare const FunnelChart: react.ForwardRefExoticComponent<FunnelChartProps & react.RefAttributes<SiaChartRef>>;
|
|
3843
|
+
/** 热力图数据点,包含坐标及热度值。 */
|
|
1752
3844
|
interface HeatmapPoint {
|
|
3845
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1753
3846
|
x: number;
|
|
3847
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1754
3848
|
y: number;
|
|
3849
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1755
3850
|
value: number;
|
|
3851
|
+
/** 名称或字段标识。 */
|
|
1756
3852
|
name?: string;
|
|
1757
3853
|
}
|
|
3854
|
+
/** 热力图的属性配置。 */
|
|
1758
3855
|
interface HeatmapChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
1759
3856
|
/** Native pixel-coordinate density mode (no automatic coordinate normalization). */
|
|
1760
3857
|
raster?: HeatRasterOptions & {
|
|
3858
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1761
3859
|
width: number;
|
|
3860
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1762
3861
|
height: number;
|
|
3862
|
+
/** 背景图片配置。 */
|
|
1763
3863
|
backgroundImage?: string;
|
|
1764
3864
|
};
|
|
3865
|
+
/**
|
|
3866
|
+
* X 轴标签集合。
|
|
3867
|
+
* @defaultValue []
|
|
3868
|
+
*/
|
|
1765
3869
|
xLabels?: readonly string[];
|
|
3870
|
+
/**
|
|
3871
|
+
* Y 轴标签集合。
|
|
3872
|
+
* @defaultValue []
|
|
3873
|
+
*/
|
|
1766
3874
|
yLabels?: readonly string[];
|
|
3875
|
+
/**
|
|
3876
|
+
用于渲染的数据集合。
|
|
3877
|
+
* @defaultValue []
|
|
3878
|
+
*/
|
|
1767
3879
|
data?: readonly (readonly number[])[];
|
|
3880
|
+
/**
|
|
3881
|
+
* 数据点集合。
|
|
3882
|
+
* @defaultValue []
|
|
3883
|
+
*/
|
|
1768
3884
|
points?: readonly HeatmapPoint[];
|
|
3885
|
+
/**
|
|
3886
|
+
* 可选颜色或颜色序列。
|
|
3887
|
+
* @defaultValue ["#e6f4ff", "#1677ff"]
|
|
3888
|
+
*/
|
|
1769
3889
|
colors?: readonly [string, string];
|
|
3890
|
+
/**
|
|
3891
|
+
* 是否显示数据值。
|
|
3892
|
+
* @defaultValue false
|
|
3893
|
+
*/
|
|
1770
3894
|
showValues?: boolean;
|
|
3895
|
+
/**
|
|
3896
|
+
* 数据点半径。
|
|
3897
|
+
* @defaultValue 30
|
|
3898
|
+
*/
|
|
1771
3899
|
pointRadius?: number;
|
|
3900
|
+
/**
|
|
3901
|
+
* 模糊半径。
|
|
3902
|
+
* @defaultValue 16
|
|
3903
|
+
*/
|
|
1772
3904
|
blur?: number;
|
|
3905
|
+
/**
|
|
3906
|
+
* 最小透明度。
|
|
3907
|
+
* @defaultValue .12
|
|
3908
|
+
*/
|
|
1773
3909
|
minAlpha?: number;
|
|
3910
|
+
/**
|
|
3911
|
+
* 最大透明度。
|
|
3912
|
+
* @defaultValue .82
|
|
3913
|
+
*/
|
|
1774
3914
|
maxAlpha?: number;
|
|
3915
|
+
/** 将数值格式化为显示文本的函数。 */
|
|
1775
3916
|
valueFormatter?: (value: number) => ReactNode;
|
|
3917
|
+
/** 点击图表数据项时调用。 */
|
|
1776
3918
|
onDataClick?: (info: ChartDataClickInfo<number | HeatmapPoint>) => void;
|
|
1777
3919
|
}
|
|
3920
|
+
/** 热力图组件。 */
|
|
1778
3921
|
declare const HeatmapChart: react.ForwardRefExoticComponent<HeatmapChartProps & react.RefAttributes<SiaChartRef>>;
|
|
3922
|
+
/** ThemeRiver的数据系列。 */
|
|
1779
3923
|
interface ThemeRiverSeries extends ChartSeries {
|
|
1780
3924
|
}
|
|
3925
|
+
/** 主题河流图的属性配置。 */
|
|
1781
3926
|
interface ThemeRiverChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
3927
|
+
/** 类目或数据分组集合。 */
|
|
1782
3928
|
categories: readonly string[];
|
|
3929
|
+
/** 图表数据系列。 */
|
|
1783
3930
|
series: readonly ThemeRiverSeries[];
|
|
3931
|
+
/**
|
|
3932
|
+
* 是否允许通过图例切换系列显示。
|
|
3933
|
+
* @defaultValue true
|
|
3934
|
+
*/
|
|
1784
3935
|
legendInteractive?: boolean;
|
|
3936
|
+
/** 图例项目的选中状态。 */
|
|
1785
3937
|
legendSelected?: Readonly<Record<string, boolean>>;
|
|
3938
|
+
/** 图例选中状态变化时调用。 */
|
|
1786
3939
|
onLegendSelectionChange?: (selected: Record<string, boolean>) => void;
|
|
3940
|
+
/** 点击图表数据项时调用。 */
|
|
1787
3941
|
onDataClick?: (info: ChartDataClickInfo<number>) => void;
|
|
1788
3942
|
}
|
|
3943
|
+
/** 主题河流图组件。 */
|
|
1789
3944
|
declare const ThemeRiverChart: react.ForwardRefExoticComponent<ThemeRiverChartProps & react.RefAttributes<SiaChartRef>>;
|
|
3945
|
+
/** 事件随时间变化的一个阶段。 */
|
|
1790
3946
|
interface EventRiverEvolution {
|
|
3947
|
+
/** 关联的时间值。 */
|
|
1791
3948
|
time: string | number | Date;
|
|
3949
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1792
3950
|
value: number;
|
|
3951
|
+
/** 简短的补充说明。 */
|
|
1793
3952
|
detail?: ReactNode;
|
|
1794
3953
|
}
|
|
3954
|
+
/** 事件河流图中的事件及其演变序列。 */
|
|
1795
3955
|
interface EventRiverEvent {
|
|
3956
|
+
/** 名称或字段标识。 */
|
|
1796
3957
|
name: string;
|
|
3958
|
+
/** 唯一标识,用于关联实例或插件。 */
|
|
1797
3959
|
id?: string;
|
|
3960
|
+
/** 布局或数据计算使用的权重。 */
|
|
1798
3961
|
weight?: number;
|
|
3962
|
+
/** 事件随时间演变的数据序列。 */
|
|
1799
3963
|
evolution: readonly EventRiverEvolution[];
|
|
1800
3964
|
}
|
|
3965
|
+
/** EventRiver的数据系列。 */
|
|
1801
3966
|
interface EventRiverSeries {
|
|
3967
|
+
/** 名称或字段标识。 */
|
|
1802
3968
|
name: string;
|
|
3969
|
+
/** 布局或数据计算使用的权重。 */
|
|
1803
3970
|
weight?: number;
|
|
3971
|
+
/** 用于渲染的数据集合。 */
|
|
1804
3972
|
data: readonly EventRiverEvent[];
|
|
3973
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1805
3974
|
color?: string;
|
|
1806
3975
|
}
|
|
3976
|
+
/** 事件河流图的属性配置。 */
|
|
1807
3977
|
interface EventRiverChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
3978
|
+
/** 图表数据系列。 */
|
|
1808
3979
|
series: readonly EventRiverSeries[];
|
|
3980
|
+
/**
|
|
3981
|
+
* 是否显示数据标签。
|
|
3982
|
+
* @defaultValue true
|
|
3983
|
+
*/
|
|
1809
3984
|
showLabels?: boolean;
|
|
3985
|
+
/**
|
|
3986
|
+
* 是否允许拖拽。
|
|
3987
|
+
* @defaultValue true
|
|
3988
|
+
*/
|
|
1810
3989
|
draggable?: boolean;
|
|
3990
|
+
/**
|
|
3991
|
+
* 图形外观配置。
|
|
3992
|
+
* @defaultValue 'sia'
|
|
3993
|
+
*/
|
|
1811
3994
|
appearance?: 'sia' | 'macarons';
|
|
3995
|
+
/**
|
|
3996
|
+
* 绘图区或图形绘制配置。
|
|
3997
|
+
* @defaultValue PLOT
|
|
3998
|
+
*/
|
|
1812
3999
|
plot?: {
|
|
4000
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1813
4001
|
x: number;
|
|
4002
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1814
4003
|
y: number;
|
|
4004
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1815
4005
|
width: number;
|
|
4006
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1816
4007
|
height: number;
|
|
1817
4008
|
};
|
|
4009
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
1818
4010
|
animationProgress?: number;
|
|
1819
4011
|
/** Time-axis fractional padding before and after the observed data. */
|
|
1820
4012
|
boundaryGap?: readonly [number, number];
|
|
4013
|
+
/**
|
|
4014
|
+
* 是否允许通过图例切换系列显示。
|
|
4015
|
+
* @defaultValue true
|
|
4016
|
+
*/
|
|
1821
4017
|
legendInteractive?: boolean;
|
|
4018
|
+
/** 图例项目的选中状态。 */
|
|
1822
4019
|
legendSelected?: Readonly<Record<string, boolean>>;
|
|
4020
|
+
/** 图例选中状态变化时调用。 */
|
|
1823
4021
|
onLegendSelectionChange?: (selected: Record<string, boolean>) => void;
|
|
4022
|
+
/** 点击图表数据项时调用。 */
|
|
1824
4023
|
onDataClick?: (info: ChartDataClickInfo<EventRiverEvent>) => void;
|
|
1825
4024
|
}
|
|
4025
|
+
/** 事件河流图组件。 */
|
|
1826
4026
|
declare const EventRiverChart: react.ForwardRefExoticComponent<EventRiverChartProps & react.RefAttributes<SiaChartRef>>;
|
|
4027
|
+
/** 韦恩图中的集合定义。 */
|
|
1827
4028
|
interface VennSet {
|
|
4029
|
+
/** 名称或字段标识。 */
|
|
1828
4030
|
name: string;
|
|
4031
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1829
4032
|
value: number;
|
|
4033
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1830
4034
|
color?: string;
|
|
1831
4035
|
}
|
|
4036
|
+
/** 韦恩图集合交集的值及展示配置。 */
|
|
1832
4037
|
interface VennIntersection {
|
|
4038
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1833
4039
|
value: number;
|
|
4040
|
+
/** 名称或字段标识。 */
|
|
1834
4041
|
name?: string;
|
|
4042
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1835
4043
|
color?: string;
|
|
1836
4044
|
}
|
|
4045
|
+
/** 韦恩图的属性配置。 */
|
|
1837
4046
|
interface VennChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
4047
|
+
/**
|
|
4048
|
+
* 图形外观配置。
|
|
4049
|
+
* @defaultValue "sia"
|
|
4050
|
+
*/
|
|
1838
4051
|
appearance?: "sia" | "macarons";
|
|
4052
|
+
/** 高亮状态的颜色。 */
|
|
1839
4053
|
emphasisColor?: string;
|
|
4054
|
+
/** 高亮状态的边框颜色。 */
|
|
1840
4055
|
emphasisBorderColor?: string;
|
|
4056
|
+
/** 高亮状态的边框宽度。 */
|
|
1841
4057
|
emphasisBorderWidth?: number;
|
|
4058
|
+
/** 集合定义。 */
|
|
1842
4059
|
sets: readonly [VennSet, VennSet];
|
|
4060
|
+
/** 集合交集数据。 */
|
|
1843
4061
|
intersection: VennIntersection;
|
|
4062
|
+
/** 点击图表数据项时调用。 */
|
|
1844
4063
|
onDataClick?: (info: ChartDataClickInfo<VennSet | VennIntersection>) => void;
|
|
1845
4064
|
}
|
|
4065
|
+
/** 韦恩图组件。 */
|
|
1846
4066
|
declare const VennChart: react.ForwardRefExoticComponent<VennChartProps & react.RefAttributes<SiaChartRef>>;
|
|
4067
|
+
/** 矩形树图数据项的填充、边框和标签样式。 */
|
|
1847
4068
|
interface TreemapItemStyle {
|
|
4069
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1848
4070
|
color?: string;
|
|
4071
|
+
/** 边框颜色。 */
|
|
1849
4072
|
borderColor?: string;
|
|
4073
|
+
/** 边框线宽。 */
|
|
1850
4074
|
borderWidth?: number;
|
|
4075
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
1851
4076
|
label?: {
|
|
4077
|
+
/** 是否显示该功能。 */
|
|
1852
4078
|
show?: boolean;
|
|
4079
|
+
/** 将原始值转换为展示文本的函数。 */
|
|
1853
4080
|
formatter?: string;
|
|
4081
|
+
/** 横向位置或 X 轴数据值。 */
|
|
1854
4082
|
x?: number;
|
|
4083
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
1855
4084
|
y?: number;
|
|
4085
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1856
4086
|
color?: string;
|
|
4087
|
+
/** 文字大小,单位为像素。 */
|
|
1857
4088
|
fontSize?: number;
|
|
4089
|
+
/** 字体族名称。 */
|
|
1858
4090
|
fontFamily?: string;
|
|
4091
|
+
/** 字体样式,例如 normal 或 italic。 */
|
|
1859
4092
|
fontStyle?: "normal" | "italic";
|
|
4093
|
+
/** 文字粗细,可使用数字或 CSS 字重名称。 */
|
|
1860
4094
|
fontWeight?: string | number;
|
|
1861
4095
|
};
|
|
1862
4096
|
}
|
|
4097
|
+
/** 矩形树图的单条数据。 */
|
|
1863
4098
|
interface TreemapDatum {
|
|
4099
|
+
/** 名称或字段标识。 */
|
|
1864
4100
|
name: string;
|
|
4101
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1865
4102
|
value?: number;
|
|
4103
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1866
4104
|
color?: string;
|
|
4105
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
1867
4106
|
children?: readonly TreemapDatum[];
|
|
4107
|
+
/** 组件根节点的内联样式。 */
|
|
1868
4108
|
style?: TreemapItemStyle;
|
|
4109
|
+
/** 高亮状态配置。 */
|
|
1869
4110
|
emphasis?: TreemapItemStyle;
|
|
1870
4111
|
}
|
|
4112
|
+
/** 矩形树图的属性配置。 */
|
|
1871
4113
|
interface TreemapChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
4114
|
+
/** 用于渲染的数据集合。 */
|
|
1872
4115
|
data: readonly TreemapDatum[];
|
|
4116
|
+
/**
|
|
4117
|
+
* 预设或自定义间距
|
|
4118
|
+
* @defaultValue 4
|
|
4119
|
+
*/
|
|
1873
4120
|
gap?: number;
|
|
4121
|
+
/**
|
|
4122
|
+
* 允许展示的最大层级深度。
|
|
4123
|
+
* @defaultValue 2
|
|
4124
|
+
*/
|
|
1874
4125
|
maxDepth?: number;
|
|
4126
|
+
/**
|
|
4127
|
+
* 是否支持点击节点下钻。
|
|
4128
|
+
* @defaultValue false
|
|
4129
|
+
*/
|
|
1875
4130
|
drilldown?: boolean;
|
|
4131
|
+
/**
|
|
4132
|
+
* 是否显示下钻路径面包屑。
|
|
4133
|
+
* @defaultValue true
|
|
4134
|
+
*/
|
|
1876
4135
|
showBreadcrumb?: boolean;
|
|
4136
|
+
/** 布局边界。 */
|
|
1877
4137
|
bounds?: TreemapLayoutBox;
|
|
4138
|
+
/** 数据项样式。 */
|
|
1878
4139
|
itemStyle?: TreemapItemStyle;
|
|
4140
|
+
/** 高亮状态配置。 */
|
|
1879
4141
|
emphasis?: TreemapItemStyle;
|
|
4142
|
+
/**
|
|
4143
|
+
* 图形圆角半径。
|
|
4144
|
+
* @defaultValue 5
|
|
4145
|
+
*/
|
|
1880
4146
|
cornerRadius?: number;
|
|
4147
|
+
/**
|
|
4148
|
+
* 是否显示子节点边界。
|
|
4149
|
+
* @defaultValue false
|
|
4150
|
+
*/
|
|
1881
4151
|
showChildBoundaries?: boolean;
|
|
4152
|
+
/**
|
|
4153
|
+
* 面包屑显示位置。
|
|
4154
|
+
* @defaultValue "top"
|
|
4155
|
+
*/
|
|
1882
4156
|
breadcrumbPosition?: "top" | "bottom";
|
|
4157
|
+
/**
|
|
4158
|
+
* 面包屑根节点名称。
|
|
4159
|
+
* @defaultValue "全部"
|
|
4160
|
+
*/
|
|
1883
4161
|
breadcrumbRootName?: string;
|
|
4162
|
+
/** 将数值格式化为显示文本的函数。 */
|
|
1884
4163
|
valueFormatter?: (value: number) => ReactNode;
|
|
4164
|
+
/** 点击图表数据项时调用。 */
|
|
1885
4165
|
onDataClick?: (info: ChartDataClickInfo<TreemapDatum>) => void;
|
|
1886
4166
|
}
|
|
4167
|
+
/** 矩形树图组件。 */
|
|
1887
4168
|
declare const TreemapChart: react.ForwardRefExoticComponent<TreemapChartProps & react.RefAttributes<SiaChartRef>>;
|
|
4169
|
+
/** 树的单条数据。 */
|
|
1888
4170
|
interface TreeDatum {
|
|
4171
|
+
/** 名称或字段标识。 */
|
|
1889
4172
|
name: string;
|
|
4173
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1890
4174
|
value?: number;
|
|
4175
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1891
4176
|
color?: string;
|
|
4177
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
1892
4178
|
children?: readonly TreeDatum[];
|
|
4179
|
+
/** 是否收起;传入后由外部控制。 */
|
|
1893
4180
|
collapsed?: boolean;
|
|
4181
|
+
/** 数据点或节点使用的图形符号。 */
|
|
1894
4182
|
symbol?: "circle" | "square" | "diamond" | `image://${string}`;
|
|
4183
|
+
/** 数据项样式。 */
|
|
1895
4184
|
itemStyle?: TreeItemStyle;
|
|
4185
|
+
/** 高亮状态配置。 */
|
|
1896
4186
|
emphasis?: TreeItemStyle;
|
|
4187
|
+
/** 数据符号尺寸。 */
|
|
1897
4188
|
symbolSize?: number | readonly [number, number];
|
|
1898
4189
|
}
|
|
4190
|
+
/** 树图的属性配置。 */
|
|
1899
4191
|
interface TreeChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
4192
|
+
/** 数据项样式。 */
|
|
1900
4193
|
itemStyle?: TreeItemStyle;
|
|
4194
|
+
/** 高亮状态配置。 */
|
|
1901
4195
|
emphasis?: TreeItemStyle;
|
|
4196
|
+
/** 用于渲染的数据集合。 */
|
|
1902
4197
|
data: TreeDatum;
|
|
4198
|
+
/**
|
|
4199
|
+
组件的水平或垂直排列方向。
|
|
4200
|
+
* @defaultValue "horizontal"
|
|
4201
|
+
*/
|
|
1903
4202
|
orientation?: "horizontal" | "vertical";
|
|
4203
|
+
/**
|
|
4204
|
+
* 是否使用径向布局。
|
|
4205
|
+
* @defaultValue false
|
|
4206
|
+
*/
|
|
1904
4207
|
radial?: boolean;
|
|
4208
|
+
/**
|
|
4209
|
+
* 节点尺寸。
|
|
4210
|
+
* @defaultValue 8
|
|
4211
|
+
*/
|
|
1905
4212
|
nodeSize?: number;
|
|
4213
|
+
/** 根节点的布局位置。 */
|
|
1906
4214
|
rootPosition?: readonly [number, number];
|
|
4215
|
+
/** 相邻节点的间距。 */
|
|
1907
4216
|
nodePadding?: number;
|
|
4217
|
+
/** 相邻层级的间距。 */
|
|
1908
4218
|
layerPadding?: number;
|
|
4219
|
+
/**
|
|
4220
|
+
* 是否显示数据标签。
|
|
4221
|
+
* @defaultValue true
|
|
4222
|
+
*/
|
|
1909
4223
|
showLabels?: boolean;
|
|
4224
|
+
/**
|
|
4225
|
+
* 高亮时是否显示节点标签。
|
|
4226
|
+
* @defaultValue true
|
|
4227
|
+
*/
|
|
1910
4228
|
emphasisShowLabels?: boolean;
|
|
4229
|
+
/** 节点颜色。 */
|
|
1911
4230
|
nodeColor?: string;
|
|
4231
|
+
/** 边的颜色。 */
|
|
1912
4232
|
edgeColor?: string;
|
|
4233
|
+
/** 边的线宽。 */
|
|
1913
4234
|
edgeWidth?: number;
|
|
4235
|
+
/** 边的阴影配置。 */
|
|
1914
4236
|
edgeShadow?: {
|
|
4237
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1915
4238
|
color: string;
|
|
4239
|
+
/** 模糊半径。 */
|
|
1916
4240
|
blur: number;
|
|
4241
|
+
/** 水平方向的偏移量。 */
|
|
1917
4242
|
offsetX: number;
|
|
4243
|
+
/** 垂直方向的偏移量。 */
|
|
1918
4244
|
offsetY: number;
|
|
1919
4245
|
};
|
|
4246
|
+
/**
|
|
4247
|
+
* 地图或图表的平移、缩放配置。
|
|
4248
|
+
* @defaultValue false
|
|
4249
|
+
*/
|
|
1920
4250
|
roam?: boolean;
|
|
4251
|
+
/**
|
|
4252
|
+
* 是否启用鼠标悬停反馈。
|
|
4253
|
+
* @defaultValue true
|
|
4254
|
+
*/
|
|
1921
4255
|
hoverable?: boolean;
|
|
4256
|
+
/** 标签字体大小。 */
|
|
1922
4257
|
labelFontSize?: number;
|
|
4258
|
+
/** 标签文字颜色。 */
|
|
1923
4259
|
labelColor?: string;
|
|
4260
|
+
/**
|
|
4261
|
+
* 节点连线样式。
|
|
4262
|
+
* @defaultValue "curve"
|
|
4263
|
+
*/
|
|
1924
4264
|
linkStyle?: "curve" | "broken" | "straight";
|
|
4265
|
+
/**
|
|
4266
|
+
* 允许收起内容区域
|
|
4267
|
+
* @defaultValue false
|
|
4268
|
+
*/
|
|
1925
4269
|
collapsible?: boolean;
|
|
4270
|
+
/** 节点或交互状态切换时调用。 */
|
|
1926
4271
|
onToggle?: (node: TreeDatum, collapsed: boolean) => void;
|
|
4272
|
+
/** 点击图表数据项时调用。 */
|
|
1927
4273
|
onDataClick?: (info: ChartDataClickInfo<TreeDatum>) => void;
|
|
1928
4274
|
}
|
|
4275
|
+
/** 树图组件。 */
|
|
1929
4276
|
declare const TreeChart: react.ForwardRefExoticComponent<TreeChartProps & react.RefAttributes<SiaChartRef>>;
|
|
4277
|
+
/** WordCloud的单条数据。 */
|
|
1930
4278
|
interface WordCloudDatum {
|
|
4279
|
+
/** 名称或字段标识。 */
|
|
1931
4280
|
name: string;
|
|
4281
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
1932
4282
|
value: number;
|
|
4283
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1933
4284
|
color?: string;
|
|
4285
|
+
/** 旋转角度。 */
|
|
1934
4286
|
rotation?: number;
|
|
4287
|
+
/** 文字大小,单位为像素。 */
|
|
1935
4288
|
fontSize?: number;
|
|
4289
|
+
/** 字体族名称。 */
|
|
1936
4290
|
fontFamily?: string;
|
|
4291
|
+
/** 文字粗细,可使用数字或 CSS 字重名称。 */
|
|
1937
4292
|
fontWeight?: number | string;
|
|
1938
4293
|
}
|
|
4294
|
+
/** 词云的属性配置。 */
|
|
1939
4295
|
interface WordCloudChartProps extends Omit<SiaChartProps, "children" | "empty"> {
|
|
4296
|
+
/**
|
|
4297
|
+
* 图形面积的计算方式。
|
|
4298
|
+
* @defaultValue false
|
|
4299
|
+
*/
|
|
1940
4300
|
areaSizing?: boolean;
|
|
4301
|
+
/** 布局边界。 */
|
|
1941
4302
|
bounds?: CloudBounds;
|
|
4303
|
+
/**
|
|
4304
|
+
* 是否自动适配可用绘图空间。
|
|
4305
|
+
* @defaultValue false
|
|
4306
|
+
*/
|
|
1942
4307
|
autoFit?: boolean;
|
|
4308
|
+
/** 布局计算完成时调用。 */
|
|
1943
4309
|
onLayout?: (result: {
|
|
4310
|
+
/** 成功放置的词条集合。 */
|
|
1944
4311
|
placed: number;
|
|
4312
|
+
/** 未能放入布局的词条集合。 */
|
|
1945
4313
|
unplaced: readonly string[];
|
|
1946
4314
|
}) => void;
|
|
4315
|
+
/** 用于渲染的数据集合。 */
|
|
1947
4316
|
data: readonly WordCloudDatum[];
|
|
4317
|
+
/**
|
|
4318
|
+
* 允许的最小文字大小。
|
|
4319
|
+
* @defaultValue 14
|
|
4320
|
+
*/
|
|
1948
4321
|
minFontSize?: number;
|
|
4322
|
+
/**
|
|
4323
|
+
* 允许的最大文字大小。
|
|
4324
|
+
* @defaultValue 52
|
|
4325
|
+
*/
|
|
1949
4326
|
maxFontSize?: number;
|
|
4327
|
+
/**
|
|
4328
|
+
* 允许的文字旋转角度集合。
|
|
4329
|
+
* @defaultValue [0, 0, -28, 28, 0]
|
|
4330
|
+
*/
|
|
1950
4331
|
rotations?: readonly number[];
|
|
4332
|
+
/**
|
|
4333
|
+
* 词云布局螺旋搜索的步长。
|
|
4334
|
+
* @defaultValue 9
|
|
4335
|
+
*/
|
|
1951
4336
|
spiralStep?: number;
|
|
4337
|
+
/**
|
|
4338
|
+
* 外观形状。
|
|
4339
|
+
* @defaultValue "ellipse"
|
|
4340
|
+
*/
|
|
1952
4341
|
shape?: "ellipse" | "circle" | "square" | "diamond";
|
|
4342
|
+
/**
|
|
4343
|
+
* 内容内边距。
|
|
4344
|
+
* @defaultValue 4
|
|
4345
|
+
*/
|
|
1953
4346
|
padding?: number;
|
|
4347
|
+
/** 字体族名称。 */
|
|
1954
4348
|
fontFamily?: string;
|
|
4349
|
+
/**
|
|
4350
|
+
* 文字粗细,可使用数字或 CSS 字重名称。
|
|
4351
|
+
* @defaultValue 650
|
|
4352
|
+
*/
|
|
1955
4353
|
fontWeight?: number | string;
|
|
4354
|
+
/** 点击图表数据项时调用。 */
|
|
1956
4355
|
onDataClick?: (info: ChartDataClickInfo<WordCloudDatum>) => void;
|
|
1957
4356
|
}
|
|
4357
|
+
/** 词云组件。 */
|
|
1958
4358
|
declare const WordCloudChart: react.ForwardRefExoticComponent<WordCloudChartProps & react.RefAttributes<SiaChartRef>>;
|
|
4359
|
+
/** Mixed的数据系列。 */
|
|
1959
4360
|
interface MixedSeries extends Omit<ChartSeries, 'data'> {
|
|
1960
4361
|
/** Distinct co-located category axes own separate bar groups and stacking totals. */
|
|
1961
4362
|
categoryAxisIndex?: number;
|
|
1962
4363
|
/** Diameter in chart coordinates; defaults to the existing 9px marker. */
|
|
1963
4364
|
symbolSize?: number;
|
|
4365
|
+
/** 数据点是否使用空心符号。 */
|
|
1964
4366
|
hollowSymbol?: boolean;
|
|
4367
|
+
/** 面积填充透明度。 */
|
|
1965
4368
|
areaOpacity?: number;
|
|
4369
|
+
/** 数据采样方式,用于减少绘制点数。 */
|
|
1966
4370
|
sampling?: 'pixel';
|
|
4371
|
+
/** 标记使用的图形符号。 */
|
|
1967
4372
|
markSymbol?: 'arrow' | 'none';
|
|
4373
|
+
/** 是否显示标记标签。 */
|
|
1968
4374
|
showMarkLabel?: boolean;
|
|
4375
|
+
/** 提示框按数据项还是坐标轴触发。 */
|
|
1969
4376
|
tooltipTrigger?: 'item' | 'axis';
|
|
4377
|
+
/** 用于渲染的数据集合。 */
|
|
1970
4378
|
data: readonly (number | null)[];
|
|
4379
|
+
/** 堆叠分组标识;同标识的数据系列参与同组堆叠。 */
|
|
1971
4380
|
stack?: string;
|
|
4381
|
+
/** 柱形宽度。 */
|
|
1972
4382
|
barWidth?: number;
|
|
4383
|
+
/** 柱形圆角。 */
|
|
1973
4384
|
barRadius?: number;
|
|
4385
|
+
/** 各数据点的颜色。 */
|
|
1974
4386
|
pointColors?: readonly (string | undefined)[];
|
|
4387
|
+
/** 是否显示数据点。 */
|
|
1975
4388
|
showPoints?: boolean;
|
|
4389
|
+
/** 线条样式。 */
|
|
1976
4390
|
lineStyle?: 'solid' | 'dashed' | 'dotted';
|
|
4391
|
+
/** 线条粗细。 */
|
|
1977
4392
|
lineWidth?: number;
|
|
4393
|
+
/** 是否显示平均值标记。 */
|
|
1978
4394
|
markAverage?: boolean;
|
|
4395
|
+
/** 标记颜色。 */
|
|
1979
4396
|
markColor?: string;
|
|
4397
|
+
/** 标记文本格式化函数。 */
|
|
1980
4398
|
markFormatter?: (value: number) => ReactNode;
|
|
1981
4399
|
/** Index into valueAxes; distinct units must never share an inferred range. */
|
|
1982
4400
|
valueAxisIndex?: number;
|
|
4401
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
1983
4402
|
type: "line" | "bar";
|
|
4403
|
+
/** 连接数据点的曲线类型。 */
|
|
1984
4404
|
curve?: LineSeries["curve"];
|
|
4405
|
+
/** 面积区域填充配置。 */
|
|
1985
4406
|
area?: boolean;
|
|
1986
4407
|
}
|
|
4408
|
+
/** 混合图的属性配置。 */
|
|
1987
4409
|
interface MixedChartProps extends Omit<CartesianChartProps, "series"> {
|
|
4410
|
+
/** 坐标轴指示线配置。 */
|
|
1988
4411
|
axisPointer?: boolean | {
|
|
4412
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
1989
4413
|
color?: string;
|
|
4414
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
1990
4415
|
width?: number;
|
|
4416
|
+
/** 线条样式。 */
|
|
1991
4417
|
lineStyle?: 'solid' | 'dashed' | 'dotted';
|
|
4418
|
+
/** 是否对齐到像素网格。 */
|
|
1992
4419
|
pixelAlign?: boolean;
|
|
4420
|
+
/** 是否联动高亮关联数据。 */
|
|
1993
4421
|
linkedEmphasis?: boolean;
|
|
1994
4422
|
};
|
|
1995
4423
|
/** Labels for co-located category axes, used by axis-specific tooltips and accessible marks. */
|
|
1996
4424
|
categoryAxisLabels?: readonly (readonly string[])[];
|
|
4425
|
+
/** 柱形之间的间距配置。 */
|
|
1997
4426
|
barSpacing?: MixedBarSpacing;
|
|
1998
4427
|
/** With overlay enabled, renderAxes is called for base content and then foreground strokes. */
|
|
1999
4428
|
axisLayering?: 'inline' | 'overlay';
|
|
4429
|
+
/** 是否绘制坐标轴或自定义轴渲染函数。 */
|
|
2000
4430
|
renderAxes?: (context: {
|
|
4431
|
+
/** 当前图层标识或图层配置。 */
|
|
2001
4432
|
layer: 'all' | 'base' | 'line';
|
|
4433
|
+
/** 绘图区或图形绘制配置。 */
|
|
2002
4434
|
plot: {
|
|
4435
|
+
/** 横向位置或 X 轴数据值。 */
|
|
2003
4436
|
x: number;
|
|
4437
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
2004
4438
|
y: number;
|
|
4439
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
2005
4440
|
width: number;
|
|
4441
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
2006
4442
|
height: number;
|
|
2007
4443
|
};
|
|
4444
|
+
/** 各类目在绘图区中的位置。 */
|
|
2008
4445
|
categoryPositions: readonly number[];
|
|
4446
|
+
/** 各数值轴的数据范围。 */
|
|
2009
4447
|
valueDomains: readonly (readonly [number, number, number])[];
|
|
2010
4448
|
}) => ReactNode;
|
|
4449
|
+
/**
|
|
4450
|
+
* 坐标位置变化时的动画配置。
|
|
4451
|
+
* @defaultValue false
|
|
4452
|
+
*/
|
|
2011
4453
|
coordinateAnimation?: boolean;
|
|
4454
|
+
/** 动画当前进度,通常为 0 到 1。 */
|
|
2012
4455
|
animationProgress?: number;
|
|
4456
|
+
/**
|
|
4457
|
+
* 数据更新动画的持续时间。
|
|
4458
|
+
* @defaultValue 500
|
|
4459
|
+
*/
|
|
2013
4460
|
animationDurationUpdate?: number;
|
|
2014
4461
|
/** Leave half a category slot at either end; bars always require category slots. */
|
|
2015
4462
|
boundaryGap?: boolean;
|
|
2016
4463
|
/** Clip series geometry and hit targets to the plot (fixed domains). */
|
|
2017
4464
|
clipPlot?: boolean;
|
|
4465
|
+
/** 当前激活的数据索引。 */
|
|
2018
4466
|
activeIndex?: number | null;
|
|
4467
|
+
/** 当前激活数据索引变化时调用。 */
|
|
2019
4468
|
onActiveIndexChange?: (index: number | null) => void;
|
|
4469
|
+
/**
|
|
4470
|
+
* 是否显示类目标签。
|
|
4471
|
+
* @defaultValue true
|
|
4472
|
+
*/
|
|
2020
4473
|
showCategoryLabels?: boolean;
|
|
4474
|
+
/**
|
|
4475
|
+
* 类目标签显示间隔。
|
|
4476
|
+
* @defaultValue 0
|
|
4477
|
+
*/
|
|
2021
4478
|
categoryLabelInterval?: number | "auto";
|
|
4479
|
+
/** 数据转移的关联标识。 */
|
|
2022
4480
|
transferId?: string;
|
|
4481
|
+
/** 图表间转移数据值时调用。 */
|
|
2023
4482
|
onValueTransfer?: ChartValueTransferHandler;
|
|
4483
|
+
/**
|
|
4484
|
+
* 是否允许通过拖拽图形修改数据。
|
|
4485
|
+
* @defaultValue false
|
|
4486
|
+
*/
|
|
2024
4487
|
calculable?: boolean;
|
|
4488
|
+
/** 图表间数据转移失败时调用。 */
|
|
2025
4489
|
onTransferError?: (message: string) => void;
|
|
4490
|
+
/**
|
|
4491
|
+
* 提示框按数据项还是坐标轴触发。
|
|
4492
|
+
* @defaultValue 'item'
|
|
4493
|
+
*/
|
|
2026
4494
|
tooltipTrigger?: 'item' | 'axis';
|
|
4495
|
+
/** 图例名称集合。 */
|
|
2027
4496
|
legendNames?: readonly string[];
|
|
4497
|
+
/** 坐标轴提示内容格式化函数。 */
|
|
2028
4498
|
axisTooltipFormatter?: (index: number, series: readonly MixedSeries[], categoryAxisIndex?: number) => ReactNode;
|
|
4499
|
+
/** 图例布局配置。 */
|
|
2029
4500
|
legendLayout?: {
|
|
4501
|
+
/** 横向位置或 X 轴数据值。 */
|
|
2030
4502
|
x?: number;
|
|
4503
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
2031
4504
|
y?: number;
|
|
4505
|
+
/** 允许的最大宽度。 */
|
|
2032
4506
|
maxWidth?: number;
|
|
4507
|
+
/** 数据点或节点使用的图形符号。 */
|
|
2033
4508
|
symbol?: 'rect' | 'line' | 'sector' | 'auto';
|
|
2034
4509
|
};
|
|
4510
|
+
/** 绘图区边界。 */
|
|
2035
4511
|
plotBounds?: {
|
|
4512
|
+
/** 横向位置或 X 轴数据值。 */
|
|
2036
4513
|
x: number;
|
|
4514
|
+
/** 纵向位置或 Y 轴数据值。 */
|
|
2037
4515
|
y: number;
|
|
4516
|
+
/** 宽度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
2038
4517
|
width: number;
|
|
4518
|
+
/** 高度;数值按像素处理,字符串可使用 CSS 尺寸。 */
|
|
2039
4519
|
height: number;
|
|
2040
4520
|
};
|
|
4521
|
+
/** 数据被交互修改后调用。 */
|
|
2041
4522
|
onDataChange?: (series: readonly MixedSeries[]) => void;
|
|
4523
|
+
/**
|
|
4524
|
+
* 是否堆叠展示数据系列。
|
|
4525
|
+
* @defaultValue false
|
|
4526
|
+
*/
|
|
2042
4527
|
stacked?: boolean;
|
|
4528
|
+
/** 多数值轴配置集合。 */
|
|
2043
4529
|
valueAxes?: readonly {
|
|
4530
|
+
/** 是否根据数据自动计算轴范围。 */
|
|
2044
4531
|
autoDomain?: MixedValueDomainOptions;
|
|
4532
|
+
/** 名称或字段标识。 */
|
|
2045
4533
|
name?: string;
|
|
4534
|
+
/** 坐标轴的数据取值范围。 */
|
|
2046
4535
|
domain?: readonly [number, number, number];
|
|
4536
|
+
/** 显示位置或定位配置。 */
|
|
2047
4537
|
position?: 'left' | 'right';
|
|
4538
|
+
/** 将原始值转换为展示文本的函数。 */
|
|
2048
4539
|
formatter?: (value: number) => string;
|
|
4540
|
+
/** 坐标轴线颜色。 */
|
|
2049
4541
|
axisColor?: string;
|
|
4542
|
+
/** 网格线颜色。 */
|
|
2050
4543
|
gridColor?: string;
|
|
4544
|
+
/** 是否显示刻度线。 */
|
|
2051
4545
|
showTicks?: boolean;
|
|
4546
|
+
/** 名称的文字样式。 */
|
|
2052
4547
|
nameStyle?: CSSProperties;
|
|
2053
4548
|
}[];
|
|
4549
|
+
/** 图表数据系列。 */
|
|
2054
4550
|
series: readonly MixedSeries[];
|
|
4551
|
+
/** 点击图表数据项时调用。 */
|
|
2055
4552
|
onDataClick?: (info: ChartDataClickInfo<number>) => void;
|
|
2056
4553
|
}
|
|
4554
|
+
/** 混合图组件。 */
|
|
2057
4555
|
declare const MixedChart: react.ForwardRefExoticComponent<MixedChartProps & react.RefAttributes<SiaChartRef>>;
|
|
2058
4556
|
/** ECharts 2 文档中的 KLine 命名兼容别名。 */
|
|
2059
4557
|
declare const KLineChart: react.ForwardRefExoticComponent<CandlestickChartProps & react.RefAttributes<SiaChartRef>>;
|