繁体   English   中英

Google图表工具提示在移动设备上不起作用

[英]Google charts tooltips not working on mobile

我正在将Google图表用于各种图表。 我有一个现在正在苦苦挣扎的条形图。 该图表本身运行良好,我对此没有任何疑问,尤其是在台式机上。

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

   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'都应该在悬停和选择时激活工具提示,这涵盖了台式机和移动设备的用例。 实际上,两者都触发了它在桌面上的显示,但是在移动设备上选择它仍然没有显示工具提示。

这就是我一直在做的。

 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' }; } 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM