如何同步和显示不同Google图表的工具提示？

Question

我正在两个iframe上创建不同的Google图表，以进行比较。 为此，我需要同步鼠标在两个图表上的单击，并在单击的特定位置显示工具提示。

尽管我已经通过使用chart_2.setSelection(chart_1.getSelection());实现了鼠标单击的同步chart_2.setSelection(chart_1.getSelection()); 方法。

但是工具提示不会在该特定位置的第二张图表上显示：

在第二张图表上显示工具提示的唯一方法是单击图表，然后激活工具提示：

激活后，工具提示会与第一个图表同步，并且每次单击都可以完美工作：

我要达到的目的是在第二个图表上显示工具提示，而无需手动激活它，而每次单击第一个图表就会显示它。

Answer 1

设置以下选项以使工具提示显示在-> setSelection

var options = {
  tooltip: {
    trigger: 'both'
  }
};

请参阅以下工作片段，
当'ready'事件触发时，将进行选择，
演示工具提示已显示

 google.charts.load('current', { packages: ['corechart'] }).then(function () { var data = google.visualization.arrayToDataTable([ ['x', 'y0', 'y1', 'y2', 'y3'], [1, 10, 15, 20, 25], [2, 12, 18, 24, 30], [3, 14, 21, 28, 35], [4, 16, 24, 32, 40] ]); var options = { pointSize: 4, tooltip: { trigger: 'both' }, width: 360 }; var chart = new google.visualization.LineChart(document.getElementById('chart_div')); google.visualization.events.addListener(chart, 'ready', function () { chart.setSelection([{row: 2, column: 1}]); }); chart.draw(data, options); }); 

 <script src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart_div"></div>