Question

我在下面有这两个过滤器，都在谷歌图表中实现。当我更改 filter1 时，数据库中的数据会发生变化，但 filter2 中的值不会更改。我想知道谷歌图表是否可行。

filter1具有：1和2用于选项
filter2具有：A，B，C，D，E，F用于选项

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

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

Google图表的过滤器：

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:'
            }
            }
        });

Answer 1

bind(filter_1, filter_2)

这将使任何filter_2根据filter_1更改其选项。更改顺序以产生相反的效果。完成后，将两个过滤器都放到图表中......

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

Google图表根据其他类别过滤器更新类别过滤器

1 个答案: