customizing-tooltip chart.js bar chart
Ich würde gerne die QuickInfo anpassen, auf eine chart.js Balkendiagramm. Das ist mein code:
$(function () {
var barData = no_houses_person
var barOptions = {
scaleBeginAtZero: true,
scaleShowGridLines: true,
scaleGridLineColor: "rgba(0,0,0,.05)",
legend: {
display: true,
position: 'top'
},
scaleGridLineWidth: 1,
barShowStroke: true,
barStrokeWidth: 1,
barValueSpacing: 5,
barDatasetSpacing: 1,
responsive: true,
};
var ctx = document.getElementById("barChart").getContext("2d");
var myNewChart = new Chart(ctx, {
type: 'bar',
data: barData,
options: barOptions
});
});
Habe ich versucht, indem tooltipTemplate: "<%if (label){%><%=label%> <%}%>(<%= value %> example)",
zu barOptions aber es hat keine Wirkung.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Chart.js verschoben von Vorlagen zu Objekt-Schnittstellen in v2+, so zum Beispiel, Wenn Sie nur wollen, ändern Sie den QuickInfo-text...
Ergebnis:
Codepen: Chart.js Tooltip
Für komplexere tooltip-Anpassungen, siehe Ihre Beispiele auf github: tooltips