Javascript 在谷歌图表中隐藏特定图例

Javascript 在谷歌图表中隐藏特定图例,javascript,google-visualization,Javascript,Google Visualization,我已经为面积图编写了代码,它具有在单击特定标签时隐藏相应面积的功能,类似于 问题是,如果我点击一个特定的图例,相应的区域和所有图例都会被隐藏。这是因为我在做 var options = {legend: 'none'}; 是否有一种方法可以仅隐藏单击的图例(以及相应的区域)?您的代码试图隐藏整个图例,而不是基于图例中单击的图表中的区域 查看以下代码:-您基本上需要以特定的方式创建图表,并添加on select侦听器,以便在单击图例时捕获事件: google.visualization.eve

我已经为面积图编写了代码,它具有在单击特定标签时隐藏相应面积的功能,类似于

问题是,如果我点击一个特定的图例,相应的区域和所有图例都会被隐藏。这是因为我在做

var options = {legend: 'none'}; 

是否有一种方法可以仅隐藏单击的图例(以及相应的区域)?

您的代码试图隐藏整个图例,而不是基于图例中单击的图表中的区域

查看以下代码:-您基本上需要以特定的方式创建图表,并添加on select侦听器,以便在单击图例时捕获事件:

google.visualization.events.addListener(chart, 'select', function(){
   ...
});

请注意,示例链接中的代码不是我的,但它帮助我解决了同样的问题。

您的代码试图隐藏整个图例,而不是基于图例中的单击而隐藏图表中的某个区域

查看以下代码:-您基本上需要以特定的方式创建图表,并添加on select侦听器,以便在单击图例时捕获事件:

google.visualization.events.addListener(chart, 'select', function(){
   ...
});

请注意,示例链接中的代码不是我的,但它帮助我解决了同样的问题。

您的代码试图隐藏整个图例,而不是基于图例中的单击而隐藏图表中的某个区域

查看以下代码:-您基本上需要以特定的方式创建图表,并添加on select侦听器,以便在单击图例时捕获事件:

google.visualization.events.addListener(chart, 'select', function(){
   ...
});

请注意,示例链接中的代码不是我的,但它帮助我解决了同样的问题。

您的代码试图隐藏整个图例,而不是基于图例中的单击而隐藏图表中的某个区域

查看以下代码:-您基本上需要以特定的方式创建图表,并添加on select侦听器,以便在单击图例时捕获事件:

google.visualization.events.addListener(chart, 'select', function(){
   ...
});


请注意,示例链接中的代码不是我的,但它帮助我解决了同样的问题。

很高兴听到我的代码帮助了您@Rahul Desai,如果这个示例对您有效,我很乐意回答您关于实现它的任何问题。@asgallant您的代码看起来很棒!我需要做的一个修改是,只有第一个图例不应响应单击,我需要保留它,而不是将图表显示为空,因为我添加了
return false在我的代码中,但它没有帮助。我收到一个错误
选择[0]未定义
,其中
选择
图表.getSelection()。同样的把戏在你的小提琴上也很管用。@Asgalant我解决了那个问题!我意识到无论如何都必须绘制图形,所以我这样做了。:)@如有必要,是否可以在图例旁边添加一个关闭按钮,以便在单击时隐藏相应区域,同时删除图例?是否要关闭图例,或从图例中删除该系列?如果您从图例中删除序列或完全关闭图例,则以后将无法将序列添加回图表(除非您以其他方式编写代码)。很高兴听到我的代码对您有所帮助@Rahul Desai,如果这个示例对您有效,我很乐意回答您关于实现它的任何问题。@asgallant您的代码看起来很棒!我需要做的一个修改是,只有第一个图例不应响应单击,我需要保留它,而不是将图表显示为空,因为我添加了
return false在我的代码中,但它没有帮助。我收到一个错误
选择[0]未定义
,其中
选择
图表.getSelection()。同样的把戏在你的小提琴上也很管用。@Asgalant我解决了那个问题!我意识到无论如何都必须绘制图形,所以我这样做了。:)@如有必要,是否可以在图例旁边添加一个关闭按钮,以便在单击时隐藏相应区域,同时删除图例?是否要关闭图例,或从图例中删除该系列?如果您从图例中删除序列或完全关闭图例,则以后将无法将序列添加回图表(除非您以其他方式编写代码)。很高兴听到我的代码对您有所帮助@Rahul Desai,如果这个示例对您有效,我很乐意回答您关于实现它的任何问题。@asgallant您的代码看起来很棒!我需要做的一个修改是,只有第一个图例不应响应单击,我需要保留它,而不是将图表显示为空,因为我添加了
return false在我的代码中,但它没有帮助。我收到一个错误
选择[0]未定义
,其中
选择
图表.getSelection()。同样的把戏在你的小提琴上也很管用。@Asgalant我解决了那个问题!我意识到无论如何都必须绘制图形,所以我这样做了。:)@如有必要,是否可以在图例旁边添加一个关闭按钮,以便在单击时隐藏相应区域,同时删除图例?是否要关闭图例,或从图例中删除该系列?如果您从图例中删除序列或完全关闭图例,则以后将无法将序列添加回图表(除非您以其他方式编写代码)。很高兴听到我的代码对您有所帮助@Rahul Desai,如果这个示例对您有效,我很乐意回答您关于实现它的任何问题。@asgallant您的代码看起来很棒!我需要做的一个修改是,只有第一个图例不应响应单击,我需要保留它,而不是将图表显示为空,因为我添加了
return false在我的代码中,但它没有帮助。我收到一个错误
选择[0]未定义
,其中
选择
图表.getSelection()。同样的把戏在你的小提琴上也很管用。@Asgalant我解决了那个问题!我意识到无论如何都必须绘制图形,所以我这样做了。:)@作为一个勇敢的人,它会是poss吗