谷歌折线图重叠工具提示

Question

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

Answer 1

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

您也可以add noise to the chart来抖动结果，以便重叠不会显示为重叠。

Answer 2

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

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

这应该可以帮助你开始。