Question

我在各种图表中使用谷歌图表。我有一个条形图，我现在正在努力奋斗。图表本身运行良好，我真的没有问题，特别是在桌面上。

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

   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'时应该在悬停和选择时激活工具提示，其中包括桌面和移动设备的用例。实际上它们都会触发它在桌面上显示，但在移动设备上选择它仍然不会显示工具提示。

Answer 1

这就是我一直在做的事情。

＆＃13;

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

＆＃13;

Google图表工具提示无法在移动设备上运行

1 个答案: