Javascript 谷歌图表基于其他类别过滤器更新类别过滤器

我在下面有两个过滤器，它们都实现在谷歌图表中。当我更改filter1时，数据会在可视化中更改，但filter2中的值不会更改。我想知道谷歌图表是否能做到这一点

• 过滤器1的选项有：1和2

• 过滤器2有：A、B、C、D、E、F选项

从filter1中选择1需要触发filter2的数据源以过滤到A、B、C

从filter1中选择2需要触发filter2的数据源以过滤到D、E、F

谷歌图表的过滤器：

var filter_1 = new google.visualization.ControlWrapper({
                'controlType': 'CategoryFilter',
                'containerId': 'filter1',
                'options': {
                    'filterColumnIndex': 0,
                    'ui': {
                    'allowTyping': false,
                    'allowMultiple': false,
                    'selectedValuesLayout': 'belowStacked',
                    'label': 'Filter 1:'
                }
                }
            });


var filter_2= new google.visualization.ControlWrapper({
            'controlType': 'CategoryFilter',
            'containerId': 'filter2',
            'options': {
                'filterColumnIndex': 1,
                'ui': {
                'allowTyping': false,
                'allowMultiple': false,
                'selectedValuesLayout': 'belowStacked',
                'label': 'Filter 2:'
            }
            }
        });

这将使任何筛选器_2基于筛选器_1更改其选项。更改顺序以产生相反的效果。完成后，将两个过滤器都添加到图表中

bind([filter_1, filter_2], chart)
draw(chart)

bind([filter_1, filter_2], chart)
draw(chart)