[英]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.