数据透视表项目切片器

SpreadJS PivotTables 支持项目切片器,可以像表格切片器一样使用。

尝试单击以下演示中的切片器以查看所有可用属性。

数据透视表项目切片器由SlicerCollection(WorkSheet.slicers)管理,与表格切片器相同。 可以将项目切片器添加到任何字段(不包括计算字段)。 在项目切片器上进行的更改等同于使用手动筛选,这意味着在标签筛选器中使用"textItems"。 添加切片器 如果我们想要添加一个数据透视表项目切片器,我们可以创建一个名为"pt"的数据透视表 (initPivotTable的具体实现可以在文章末尾找到。): 然后将一个项目切片器添加到"name"字段: Item 状态 我们定义了具有两种状态的Item: selected:一个Item是否被筛选选择。 noData:如果一个Item已经被其他筛选器筛选,这意味着无论它是否被选择,它都不会生效,我们将其定义为noData。 这两种状态构建了一个Item状态。 例如,"selected && noData"或"unselected && hasData" 使用切片器 然后我们可以定义slicer_name: 例如,如果您想要在两列中显示Item: 如果您想要定义Item的高度: 如果您不想看到具有noData状态的Item: 创建数据透视表的示例 自定义数据透视表项目切片器主题 SpreadJS支持自定义数据透视表项目切片器的主题。可以使用以下代码: