@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.
Files changed (38) hide show
  1. package/dist/Select-4hGJt3RJ.d.cts +142 -0
  2. package/dist/Select-BNSE67xn.d.ts +142 -0
  3. package/dist/chart.d.cts +2498 -0
  4. package/dist/chart.d.ts +2498 -0
  5. package/dist/{chunk-4HB6GC24.js → chunk-3TRRBMXY.js} +37 -8
  6. package/dist/{chunk-3RWL67CK.js → chunk-7RNS52YG.js} +38 -5
  7. package/dist/{chunk-SUMXP2SF.js → chunk-KLI65JVD.js} +12 -4
  8. package/dist/{chunk-I3EF5SF2.js → chunk-RWGSZW32.js} +1 -1
  9. package/dist/{chunk-LO3BUBWU.js → chunk-VN6PIPP7.js} +2 -2
  10. package/dist/{core-CdoVqv0o.d.ts → core-C5OnrCi4.d.cts} +1207 -3
  11. package/dist/{core-CM79w-7A.d.cts → core-DeZknKwc.d.ts} +1207 -3
  12. package/dist/core.cjs +77 -13
  13. package/dist/core.css +18 -1
  14. package/dist/core.d.cts +3 -3
  15. package/dist/core.d.ts +3 -3
  16. package/dist/core.js +3 -3
  17. package/dist/index.cjs +128 -21
  18. package/dist/index.css +18 -1
  19. package/dist/index.d.cts +1696 -7
  20. package/dist/index.d.ts +1696 -7
  21. package/dist/index.js +50 -13
  22. package/dist/markdown-editor.d.cts +41 -1
  23. package/dist/markdown-editor.d.ts +41 -1
  24. package/dist/rich-text-editor.cjs +11 -3
  25. package/dist/rich-text-editor.d.cts +46 -1
  26. package/dist/rich-text-editor.d.ts +46 -1
  27. package/dist/rich-text-editor.js +2 -2
  28. package/dist/{select-date-range-4tEYkA5O.d.cts → select-date-range-CGRb3-W8.d.ts} +116 -2
  29. package/dist/{select-date-range-D-ynrB5k.d.ts → select-date-range-DDmYGDD4.d.cts} +116 -2
  30. package/dist/select-date-range.cjs +36 -7
  31. package/dist/select-date-range.d.cts +3 -3
  32. package/dist/select-date-range.d.ts +3 -3
  33. package/dist/select-date-range.js +3 -3
  34. package/dist/{shared-DAYZvZVu.d.cts → shared-Bx4B28Wh.d.cts} +3 -0
  35. package/dist/{shared-DAYZvZVu.d.ts → shared-Bx4B28Wh.d.ts} +3 -0
  36. package/package.json +1 -1
  37. package/dist/Select-Cz3hzQl_.d.ts +0 -57
  38. package/dist/Select-Da9CLN0X.d.cts +0 -57
package/dist/chart.d.ts 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>>;