【问题标题】:always visible tooltip on google chart on page load?页面加载时谷歌图表上总是可见的工具提示?
【发布时间】:2014-03-25 13:07:21
【问题描述】:

有没有办法让谷歌图表工具提示始终可见,无论鼠标指针在哪里? 它应该在页面加载后一直打开

【问题讨论】:

    标签: charts tooltip google-visualization


    【解决方案1】:

    我能想到的最好的方法是:

    http://jsfiddle.net/xDfLd/

    但如果您与图表进行交互(即,单击不同的饼图段或不同的线段),工具提示将消失。设置enableInteractivity:false 我将提交一个错误,当交互性关闭时,工具提示和选择仍应显示。

    【讨论】:

    • 我在选择中添加了其他行,它似乎工作:chart.setSelection([{row:4,column:null}, {row:3,column:null}, {row:2,列:空},{行:1,列:空},{行:0,列:空}]);
    【解决方案2】:

    我将 Jeremy 发布的内容与 Yasen 的评论结合起来,得出了这个解决方案:

    var options = {
      enableInteractivity: false,
      selectionMode: 'multiple',
      tooltip: {
        trigger: 'selection'
      }
    };
    
    google.visualization.events.addListener(chart, 'ready', function(e) {
      var selected_rows = [];
      for (var i = 0; i < your_total_number_of_rows - 1; i++) {
        selected_rows.push({row: i, column: null});
      }
      chart.setSelection(selected_rows);
    });
    
    chart.draw(data, options);
    

    这会在加载时显示所有工具提示,并防止用户乱用它们。与饼图配合得很好。

    【讨论】:

      【解决方案3】:

      在为图表定义选项时使用工具提示:{ trigger: 'selection' }。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-03-20
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多