【问题标题】:Hide specific legend in Google Chart在 Google 图表中隐藏特定图例
【发布时间】:2014-05-12 13:00:07
【问题描述】:

我为面积图编写了代码,如果我单击特定标签,它具有隐藏相应区域的功能,类似于this code。

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

var options = {legend: 'none'}; 

有没有办法只隐藏点击的图例(以及相应的区域)?

【问题讨论】:

    标签: javascript google-visualization


    【解决方案1】:

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

    尝试查看此代码:http://jsfiddle.net/asgallant/6gz2Q - 您基本上需要以特定方式创建图表并添加一个 on select 侦听器以在单击图例时捕获事件:

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

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

    【讨论】:

    • 很高兴听到我的代码对您有所帮助! @Rahul Desai,如果这个例子对你有用,我很乐意回答你关于实现它的任何问题。
    • @asgallant 你的代码看起来很棒!我需要的一个修改是只有第一个图例不应该响应点击,我需要保持它而不是显示图表为空,因为我在我的代码中添加了return false;,但它没有帮助。我收到一个错误selection[0] is undefined,其中selection 是chart.getSelection();。不过,同样的技巧在你的小提琴中效果很好。
    • @asgallant 我解决了这个问题!我意识到无论如何都必须绘制图表,所以我做到了。 :)
    • @asgallant 是否可以在图例旁边添加一个关闭按钮,以便在单击时隐藏相应区域并取消图例?
    • 您要关闭图例,还是从图例中删除系列?如果您从图例中删除系列或完全关闭图例,则以后将无法将系列添加回图表(除非您以其他方式编码)。
    猜你喜欢
    • 2011-07-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-07-04
    • 2020-03-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多