SpreadSheet

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

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;
};
上一篇
S2Event
下一篇
Interaction