2017-01-27 6 views
3

Ich verwende Chart.js-Bibliothek, um ein Balkendiagramm zu zeichnen, und ich möchte Tooltip nicht nur auf Balken Hover, sondern auch auf X-Achse-Label-Hover für diesen Balken zeigen . Ich habe onHover Methode für die Konfiguration gefunden, aber es lässt mich nur auf das Array der aktuell gehosteten Bars zugreifen, was nicht sinnvoll ist.Chart.js Balkendiagramm: Tooltip auf Label zeigen Hover

Also, wie kann ich Mausereignis zugreifen und vielleicht Position von dort nehmen, um es gegen Bar Etikettenpositionen zu vergleichen? Oder gibt es einen anderen Weg, es zu tun?

Meine aktuelle Konfiguration:

const countryChartOptions = { 
    hover: { 
     onHover: this.onChartHover, 
    }, 
}; 

const onHover = (activeElements) => { 
    console.log(activeElements); 
}; 

Er druckt nur hovered Bars Daten, aber ich bin fest, um herauszufinden, wie es ich brauche für das Verhalten zu verlängern.

Antwort

0

Was:

options: { 
    tooltips: { 
    // Add this.. 
    intersect: false 
    } 
} 
Verwandte Themen