如何使用ag网格中隐藏列的数据创建交叉过滤图表?

Question

我想使用Ag grid库创建一个基于网格中的数据的交叉过滤器图表。

根据文档https://www.ag-grid.com/javascript-data-grid/integrated-charts-api-cross-filter-chart/#example-simple-cross-filter中给出的示例，如果我使用hide:true隐藏sales列，交叉过滤器图表就会消失。我明白，由于隐藏列后网格中不可用的数据，图表消失了。

所以，有没有办法像我可以隐藏列从网格同时使用隐藏列数据来创建crossFilterChart?

Answer 1

你可以使用suppressColumnsToolPanel。如果不希望此列或组显示在列工具面板中，请设置为true。然后，您可以使用该列中的数据来创建交叉筛选图表。

columnDefs

columnDefs: [
{ ...field: 'sales', suppressColumnsToolPanel: true }
]

crossFilterChart

gridOptions.api.crossFilterChart({
dimensions: [
{
...,
filter: 'agSetColumnFilter',
...,
column: 'sales'
}
...,
]
});