Javascript 谷歌图表:过滤艺术

Javascript 谷歌图表:过滤艺术,javascript,google-visualization,Javascript,Google Visualization,我正在尝试使用ControlWrapper来过滤数据,以显示在仪表板内部的一个部件上。问题是:我必须有三列:“国家”、“价值”和“季度”。现在,我只想显示一个季度的信息,我可以通过CategoryPicker进行选择。然后,使用仪表板功能,我想将我的选择器与我的艺术绑定在一起。然而,我不能显示我的地图,因为它会抛出一个错误,因为我使用了三列,其中我应该只有两列 我知道诀窍是使用DataView并隐藏第三列,但这样我就无法链接我的过滤器和我的艺术 这里有解决办法吗?我的部分代码可以在下面找到。顺便

我正在尝试使用ControlWrapper来过滤数据,以显示在仪表板内部的一个部件上。问题是:我必须有三列:“国家”、“价值”和“季度”。现在,我只想显示一个季度的信息,我可以通过CategoryPicker进行选择。然后,使用仪表板功能,我想将我的选择器与我的艺术绑定在一起。然而,我不能显示我的地图,因为它会抛出一个错误,因为我使用了三列,其中我应该只有两列

我知道诀窍是使用DataView并隐藏第三列,但这样我就无法链接我的过滤器和我的艺术

这里有解决办法吗?我的部分代码可以在下面找到。顺便说一句,这适用于其他类型的图表,但不适用于地质艺术。。。为什么?

首先,非常感谢您的帮助

var data = response.getDataTable();

        var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard_div'));

        var quarterSelector = new google.visualization.ControlWrapper({
                'controlType': 'CategoryFilter',
                'containerId': 'filter_div',
                'options': {
                    'filterColumnLabel': 'Quarter',
                     ui: {
                        allowTyping: false,
                        allowMultiple: false,
                        allowNone: false
                    },
                    'chartView': {
                        'columns': [0,1]
                    },
                }
        });

        var mapChart = new google.visualization.ChartWrapper({
            'chartType': 'GeoChart',
            'containerId': 'regions_div',
            'options': {
                'displayMode': 'regions',
                'region': '150',
                'view': {'columns':[0,1]}
            }
        });         

    dashboard.bind(quarterSelector, mapChart);      
    dashboard.draw(data);

首先,
chartView
是on上的
ui
的一部分,而不是

此外,
视图:{'columns':[0,1]}
不应该是
选项的一部分

但与
选项
图表类型
集装箱ID

然而,这两者都不需要

google.charts.load('current'{
软件包:['controls','geograpart'],
回调:绘图
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“国家”、“受欢迎程度”、“季度”],
[‘德国’,200,1],
[‘美国’,300,2],
[‘巴西’,400,3],
[Canada',500,4],
['France',600,3],
[RU',700,2]
]);
var dashboard=newgoogle.visualization.dashboard(document.getElementById('dashboard_div'));
var quarterSelector=new google.visualization.ControlWrapper({
controlType:“CategoryFilter”,
containerId:“过滤器分区”,
选项:{
filterColumnLabel:'Quarter',
用户界面:{
allowTyping:false,
allowMultiple:false,
allowNone:错
}
}
});
var mapChart=新建google.visualization.ChartWrapper({
图表类型:“地质艺术”,
集装箱运输:“区域分区”,
选项:{
显示模式:“区域”
}
});
dashboard.bind(四分之一选择器、地图图表);
仪表盘.绘图(数据);
}