jquery - 谷歌折线图重叠工具提示

Question

我使用谷歌图表 api 设计了一个图形应用程序。下面是我使用数据绘制的示例图。如您所见，图像中有两个图表。当我将鼠标悬停在图表上时，会出现带有相关数据的工具提示！这是标准bt问题是当两个图形重叠时，我只能查看前面绘制的图形的工具提示！如何使工具提示显示第一个图表下方图表中的数据。？

Answer 1

您可以将其设置focusTarget为"category"突出显示该 X 点处的所有系列并在工具提示中显示它们，以便即使重叠也会显示两个数据点。在此处查看有关该选项的更多信息。

您也可以在图表中添加噪声以抖动结果，以便重叠不会显示为重叠。

Answer 2

您可以创建一个事件侦听器并同时检索两个图表的值，然后按照评论中的建议将它们添加到自定义工具提示中：

    var chart = new google.visualization.ComboChart(document.getElementById("myChart");
    var listener = google.visualization.events.addListener(chart, 'onmouseover', function (e) {
                     console.log(e);
                  });

这应该可以帮助您入门。