Google Liniendiagramm Overlating Tooltip

Question

Ich habe eine Grafik-Anwendung mit dem Google Charts API entworfen. Unten ist ein Beispieldiagramm, das ich mit den Daten zeichne. Wie Sie sehen können, gibt es zwei Graphen im Bild. Wenn ich auf ein Diagramm schwebe, erscheint ein Tooltip mit den relevanten Daten! Es ist normal, dass das Problem ist, wenn sich die beiden Graphen überlappen, ich kann nur den Tooltip des Graphen sehen, der in Front gezeichnet wurde! Wie kann ich den Tooltip dazu bringen, die Daten aus dem Diagramm unterhalb des ersten Diagramms anzuzeigen?

Answer 1

Sie können einen Ereignis-Listener erstellen und die Werte beider Diagramme gleichzeitig abrufen und sie dann zu einem benutzerdefinierten Tooltip hinzufügen, wie es in den Kommentaren vorgeschlagen wurde:

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

That sollte dir helfen, loszulegen.

Answer 2

Sie können focusTarget auf "category" setzen, wodurch alle Serien an diesem X-Punkt hervorgehoben und im Tooltip angezeigt werden, sodass auch Überlappungen beide Datenpunkte anzeigen. Sehen Sie mehr über diese Option here.

Sie können die Ergebnisse alternativ mit add noise to the chart zittern, so dass Überlappungen nicht als Überlappungen angezeigt werden.