【问题标题】:Google charts tooltips not working on mobile谷歌图表工具提示不适用于移动设备
【发布时间】:2015-08-30 02:42:05
【问题描述】:

我正在为各种图表使用谷歌图表。我有一个,我现在正在努力处理的条形图。图表本身运行良好,我真的没有任何问题,尤其是在桌面上。

但是,在移动设备上,工具提示不起作用。基本上,当触摸条时它们不会出现。这是我创建图表的代码:

   makeRequest('/stocks/quotes/portfolio_performance.json').then(function(result) {
    data = google.visualization.arrayToDataTable(result, false);
    chart = new google.visualization.ColumnChart($('#portfolio_performance')[0]);
    options = {
        fontName: 'Ubuntu',
        isStacked: true,
        legend: {
            position: 'none'
        },
        colors: [
            'transparent', '#dd4814', '#2c8d3a', '#772953', '#e7a413', '#bc271c'
        ],
        tooltip: {
            trigger: 'both'
        }
    };

    chart.draw(data, options);
  }

我曾认为使用tooltip.trigger:'both' 应该在悬停和选择时激活工具提示,这涵盖了桌面和移动的用例。确实两者都会触发它在桌面上显示,但在移动设备上选择它仍然不会显示工具提示。

【问题讨论】:

    标签: javascript charts google-visualization


    【解决方案1】:

    这就是我一直在做的。

    var isWebView = ionic.Platform.isWebView();
    var isIPad = ionic.Platform.isIPad();
    var isIOS = ionic.Platform.isIOS();
    var isAndroid = ionic.Platform.isAndroid();
    var isWindowsPhone = ionic.Platform.isWindowsPhone();
    
    var isMobile = isIOS || isIPad || isAndroid || isWindowsPhone;
    
    if (isMobile) {
      options.tooltip = { trigger: 'selection' };
    }

    【讨论】:

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