logo

S2

  • 使用文档
  • API 文档
  • 图表示例
  • 在线体验
  • 更新日志
  • 所有产品antv logo arrow
  • 2.x
  • 基础配置项
    • S2DataConfig
    • S2Options
      Updated
    • S2Theme
      Updated
    • S2Event
      Updated
  • 基础类
    • SpreadSheet
      Updated
    • Interaction
      Updated
    • Store
    • BaseCell
      Updated
    • BaseDataSet
      Updated
    • Node
    • BaseTooltip
    • BaseFacet
      Updated
    • Hierarchy
      New
    • BaseBBox
      New
    • CellData
      New
  • 分析组件
    • 表组件
      Updated
    • 维度下钻
      Updated
    • 维度切换组件
      Updated
    • 高级排序
      Updated
    • 导出
      Updated
  • 绘图属性
  • 透视组合图拓展 S2Options

SpreadSheet

上一篇
S2Event
下一篇
Interaction

Resources

Ant Design
Galacea Effects
Umi-React 应用开发框架
Dumi-组件/文档研发工具
ahooks-React Hooks 库

社区

体验科技专栏
seeconfSEE Conf-蚂蚁体验科技大会

帮助

GitHub
StackOverflow

more products更多产品

Ant DesignAnt Design-企业级 UI 设计语言
yuque语雀-知识创作与分享工具
EggEgg-企业级 Node 开发框架
kitchenKitchen-Sketch 工具集
GalaceanGalacean-互动图形解决方案
xtech蚂蚁体验科技
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38

Loading...

功能描述:表格实例相关属性和方法。详情

const s2 = new PivotSheet()
s2.isPivotMode()
参数说明类型版本
themeName主题名ThemeName
theme主题配置S2Theme
store存储的一些信息Store
dataCfg数据配置S2DataConfig
options表格配置S2Options
dataSet表格数据集 (字段,数据,排序)BaseDataSet
facet当前可视渲染区域BaseFacet
tooltip提示信息BaseTooltip
containerg-canvas 实例Canvas
interaction交互Interaction
hdAdapter高清适配器HdAdapter
destroyed表格是否已销毁boolean
on事件订阅(event: S2Event, listener: () => void) => void
emit事件发布(event: S2Event, ...args: any[]) => void
getDataSet获取数据集(options: S2Options) => BaseDataSet
isPivotMode是否是透视表() => boolean
isCustomRowFields是否是自定义行头维值() => boolean
isCustomColumnFields是否是自定义列头维值() => boolean
isCustomHeaderFields是否是自定义表头维值() => boolean
isHierarchyTreeType是否是树状结构() => boolean
isFrozenRowHeader是否是冻结行头状态() => boolean
isTableMode是否是明细表() => boolean
isValueInCols是否是数值置于行头() => boolean
clearDrillDownData清除下钻数据(rowNodeId?: string) => Promise<void>
showTooltip显示 tooltip (别名 tooltip.show(showOptions: TooltipShowOptions) => void
showTooltipWithInfo显示 tooltip, 并且展示一些默认信息(event: FederatedPointerEvent | MouseEvent, data: TooltipData[], options?: TooltipOptions) => void
hideTooltip隐藏 tooltip (别名:tooltip.hide() => void
destroyTooltip销毁 tooltip (别名 tooltip.destroy() => void
registerIcons注册 自定义 svg 图标 (根据 options.customSVGIcons() => void
setDataCfg更新表格数据<T extends boolean = false>(dataCfg: T extends true ? S2DataConfig : Partial<S2DataConfig>, reset?: T) => voidreset 参数需在 @antv/s2^1.34.0版本使用
setOptions更新表格配置(options: S2Options, reset?: boolean) => voidreset 参数需在 @antv/s2^1.34.0版本使用
resetDataCfg重置表格数据() => void
resetOptions重置表格配置() => void
render重新渲染表格,如果 reloadData = true, 则会重新计算数据,rebuildDataSet = true, 重新构建数据集,rebuildHiddenColumnsDetail = true 重新构建隐藏列信息(reloadData?: boolean | { reloadData?: boolean, rebuildDataSet?: boolean; rebuildHiddenColumnsDetail?: boolean }) => Promise<void>
destroy销毁表格() => void
setThemeCfg更新主题配置 (含主题 schema, 色板,主题名)(themeCfg: ThemeCfg) => void
setTheme更新主题 (只包含主题 scheme)(theme: S2Theme) => void
getTheme获取主题 (只包含主题 scheme)( ) => S2Theme
getThemeName获取主题名() => ThemeName
updatePagination更新分页(pagination: Pagination) => void
changeSheetSize修改表格画布大小,不用重新加载数据(width?: number, height?: number) => void
getLayoutWidthType获取单元格宽度布局类型(LayoutWidthType: adaptive(自适应) | colAdaptive(列自适应) | compact(紧凑))() => LayoutWidthType
getCell根据 event.target 获取当前 单元格(target: EventTarget) => S2CellType
getCellType根据 event.target 获取当前 单元格类型(target: EventTarget) => CellType
getTotalsConfig获取总计小计配置(dimension: string) => Total
getCanvasElement获取表格对应的 <canvas/> HTML 元素() => HTMLCanvasElement
getCanvas获取 G Canvas 实例() => Canvas
getCanvasConfig获取 G Canvas 配置() => Partial<CanvasConfig>
updateSortMethodMap更新存储在 store 中的节点排序方式 map, replace 为是否覆盖上一次的值(nodeId: string, sortMethod: string, replace?: boolean) => void
getMenuDefaultSelectedKeys获取 tooltip 中选中的菜单项 key 值(nodeId: string) => string[]
measureText获取文本在画布中的测量信息(text: string, font: TextTheme) => TextMetrics | null
measureTextWidth获取文本在画布中的测量宽度(text: string, font: TextTheme) => number | null
measureTextHeight获取文本在画布中的测量高度(text:string, font: TextTheme) => number | null
groupSortByMethod组内排序(透视表有效)(sortMethod: 'asc' | 'desc', meta: Node) => Promise<void> | void
getSeriesNumberText获取序号文本(根据 s2Options.series.text 配置,默认 "序号")() => string

S2MountContainer

type S2MountContainer = string | HTMLElement;

ScrollOffsetConfig

功能描述:滚动偏移配置

interface ScrollOffsetConfig {
rowHeaderOffsetX?: {
value: number | undefined;
animate?: boolean;
};
offsetX?: {
value: number | undefined;
animate?: boolean;
};
offsetY?: {
value: number | undefined;
animate?: boolean;
};
}

CellType

功能描述:单元格类型

export enum CellType {
DATA_CELL = 'dataCell', // 数值单元格
ROW_CELL = 'rowCell', // 行头单元格
COL_CELL = 'colCell', // 列头单元格
CORNER_CELL = 'cornerCell', // 角头单元格
MERGED_CELL = 'mergedCell', // 合并后的单元格
}

BBox

功能描述:盒模型。详情

type BBox = {
x: number;
y: number;
minX: number;
minY: number;
maxX: number;
maxY: number;
width: number;
height: number;
};