簡體   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