Diagramm js Tooltip zur Steuerung der angezeigten Daten
Ich verwende das Plugin chart.js und verwende ein Gruppendiagramm nach Balkenansicht. Wenn ich mit der Maus über eine Gruppe von Balken schwebe, wird ein Tooltip angezeigt, in dem die Daten dieser Balken angezeigt werden. Aber ich möchte den Tooltip so ändern, dass meine einzigen Daten angezeigt werden, wenn ich über die Balkendaten gehe. und ich was andere Dateninfo zu zeigen.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);