在Google图表中添加/删除列视图

时间:2017-08-03 12:40:24

标签: javascript google-visualization

在谷歌图表中,我创建了一个折线图,其中包含多个列和不同的值。我想知道如何过滤我的图表以在Google Chart本身内部显示某些列,而不是代码。

以下是一个示例表:

name | job       | salary | bonus
Joe  | Mech. Eng.| 150000 | 20000
Jim  | Soft. Eng.| 175000 | 10000
Tom  | Chem. Eng.| 250000 | 25000

隐藏列的JavaScript(在代码本身而不是我想知道如何做的选择过滤器)只是view: {'columns': [0,2,3]}。我是否可以使用过滤器让网页上的用户通过选择或取消选择列来更改视图?

var chart = new google.visualization.ChartWrapper({
                                'chartType': 'LineChart',
                                'containerId': 'salary',
                                'options': { 'left': '25%',
                                    'title':'Job Salary and Bonus',
                                    'hAxis':{ 'title': '$$$'},
                                    'vAxis':{ 'title': 'Name'},
                                    'interpolateNulls': true,
                                    'height': '80%',
                                    'width': '80%' ,
                                    'width':800,
                                    'height':600,
                                'view': { 'columns': [0,2,3]}
                                }
                    });

节目:

enter code here

在更大的范围内,我希望能够选择姓名或工作来比较工资/奖金与其他工作。我想知道是否有办法在Google Charts中执行此操作。

0 个答案:

没有答案