【问题标题】:Google chart line chart - turn off tooltip for a single column谷歌图表折线图 - 关闭单列的工具提示
【发布时间】:2014-03-25 07:17:13
【问题描述】:

我知道在Using Google Visualization API, how to turn off tooltips for a single column? 之前已经问过这个问题,但我没有得到熟悉的答案。请有人告诉我如何关闭单列的工具提示吗?我试过了

chart.draw(data, {trigger:'none'});

但它会关闭所有列的工具提示。我只想要禁用工具提示的一列,所有其他列都应该启用工具提示。

【问题讨论】:

    标签: linechart gchart


    【解决方案1】:

    enableInteractivity: false 选项屏蔽了系列选择选项等。

    你可以用更好的方法做到这一点:

    Option = {
      series : {      
              0: { tooltip : false}, // disable tooltip
              1: { tooltip : true}, // enable tooltip
              2: { tooltip : false},
              3: { tooltip : true},
              4: { tooltip : true},
          }
    }
    

    它非常适合我。

    【讨论】:

      【解决方案2】:

      我不认为这是可能的,但您可以禁用交互性,这将阻止工具提示显示,方法是在系列中添加 enableInteractivity: false。

      我希望这对您的情况有所帮助,它对我有用...

      【讨论】:

      • 这没有提供问题的答案。要批评或要求作者澄清,请在他们的帖子下方发表评论 - 您可以随时评论自己的帖子,一旦您有足够的reputation,您就可以comment on any post。
      • 是的,谢谢,一点帮助都没有。我真的不知道当我这样拿回cmets时我为什么要打扰。我正在努力帮助这个在 6 个多月的时间里在 2 个帖子中被同一问题忽略的人。我没有评论的声誉,可能永远不会,但我确实想尝试提供帮助!顺便说一句,“我不相信这是可能的”是一个答案,并且可能是我研究的所有内容中的正确答案。如果有人知道得更好,他们可以回答并因正确而获得荣誉。
      【解决方案3】:

      我现在也在寻找一种方法来禁用我的谷歌折线图中单个列的工具提示。上面的答案并不遥远,但我想它并不完全清楚。

      没有办法为单个列“禁用”工具提示,但是您可以禁用单个列的交互性,据我所知,这会导致相同的所需行为。为此,只需使用图表选项中的系列:

      series :{
      0:{
      enableInteractivity: false,
      tooltip: 'none'}
      }
      

      或者更长的例子:

      var options = {
              tooltip: {isHtml: true},
              legend: 'none',
              chartArea: {
                  width: 500,
              },
              lineWidth: 2,
              series: {
                  0: { }, // Output
                  1: { enableInteractivity: false, tooltip: 'none', lineDashStyle: [2, 2] },
                  2: { enableInteractivity: false, tooltip: 'none' },
              },
              colors: ['#6f9654', '#1c91c0', '#7F3F98'],
          };
      
          var chart = new google.visualization.LineChart(document.getElementById('myChart'));
      
          chart.draw(dataTable, options);
      

      我在这里找到了答案:https://groups.google.com/forum/#!topic/google-visualization-api/ZADPolRZtxM

      这对我有用。我有一个包含 3 列(图表中的 3 行)的折线图,我能够使用这种技术“禁用”其中 2 列的工具提示。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-03-20
        • 2017-06-24
        • 1970-01-01
        • 1970-01-01
        • 2016-05-10
        • 1970-01-01
        相关资源
        最近更新 更多