谷歌折线图重叠工具提示-Java 学习之路

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

enter image description here

2 回答

4

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

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

回复于 2024-04-19T09:41:30+08:00

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

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

这应该可以帮助你开始 .

回复于 2024-04-19T09:41:30+08:00

谷歌折线图重叠工具提示

2 回答

相关问题