Google图表折线图 - 关闭单个列的工具提示

时间:2014-03-25 07:17:14

标签: linechart gchart

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

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

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

3 个答案:

答案 0 :(得分:8)

选项enableInteractivity: false阻止了系列选择选项等等。

你可以用更好的方式做到:

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

它非常适合我。

答案 1 :(得分:2)

我不相信这是可能的,但你可以通过在系列中添加enableInteractivity: false来禁用交互性,从而防止显示工具提示。

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

答案 2 :(得分:2)

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

无法"禁用"单个列的工具提示,但是您可以禁用单个列的交互性,据我所知,结果是相同的行为。为此,只需使用图表选项中的系列:

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个工具提示。