Diagramm js-tooltip, wie die Kontrolle der Daten, die zeigen,
Ich bin mit chart.js plugin und mit einer Gruppe chart von bar anzeigen.
wenn ich hover eine Gruppe von Balken, ich kann die QuickInfo anzuzeigen, zeigen Sie mir die Daten dieser bars.
aber ich was um die QuickInfo zu ändern, um zu zeigen, dass mir nur einzelne Daten, wenn ich werde fahren Sie mit der bar-Daten.
und ich was zeigen verschiedene Daten info.
jsfiddle-Beispiel
var ctx = document.getElementById("errorChart").getContext("2d");
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
data: [65, 0, 0, 0, 0, 0, 0]
},
{
label: "My Second dataset",
fillColor: "rgba(151,187,205,0.5)",
strokeColor: "rgba(151,187,205,0.8)",
highlightFill: "rgba(151,187,205,0.75)",
highlightStroke: "rgba(151,187,205,1)",
data: [28, 48, 40, 19, 86, 27, 90]
}
]
};
var myBarChart = new Chart(ctx).Bar(data);
- nicht anwenden verschiedener tooltip in der chart.js es ist ein Fehler github.com/nnnick/Chart.js/issues/426
InformationsquelleAutor shaharnakash | 2014-07-21
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Könnte man erweitern das Balkendiagramm, um diese Funktion beinhalten. Standardmäßig wird es wieder beide Balken auf den index haben Sie schwebte über, es wird auch überprüfen Sie, ob mehrere bars in den Bereich, der Sie schwebte vor dem erstellen der tooltip und legen Sie alle extras, die fehlten.
Damit zu tun, das Sie außer Kraft setzen müssen zwei Funktionen getBarsAtEvent und showToolTip hier ist ein Beispiel und fiddle
Habe ich versucht deutlich zu machen, die zwei wichtige Bereiche, die geändert wurden, schauen Sie sich die Kommentare in der erweiterten bar-Typ. Kleine änderungen wurden auch gemacht, um jede Referenz der Helfer, bevor Sie waren im Rahmen aber jetzt müssen Sie explizit aufrufen, Chart.Helfer
dann verwenden Sie einfach tun, was Sie vor haben, aber verwenden Sie BarOneTip (Nenn es wie du willst, was auch immer ist in das name-Attribut des erweiterten Diagramm für Sie verfügbar.
Sollte ich erwähnen, dass, wenn chartjs wird aktualisiert, müssen Sie manuell änderungen an Funktionen in der überschriebenen diejenigen