Anzeigen von Daten mit dem Wert, statt der Prozentsatz in Flot Kreisdiagramm
Ich bin mit http://github.com/krzysu/flot.tooltip. Es zeigt die Prozentsätze von Daten, wie unten beschrieben. Aber ich brauche, um zu zeigen, tatsächliche Werte statt in Prozent. Wie kann ich dies tun ?
Json-Daten
[{"data":350,"label":"Transport"},{"data":250,"label":"Meals"},{"data":250,"label":"Kitchen"},{"data":7280.5,"label":"Construction"},{"data":3725,"label":"Fuel"},{"data":160,"label":"Stationary"}]
Skript
function make_chart() {
$.ajax({
cache : 'false',
type : 'GET',
dataType : 'json',
url : "piechart",
success : function(json) {
var plotObj = $.plot($("#flot-pie-chart"), json, {
series: {
pie: {
show: true
}
},
grid: {
hoverable: true
},
tooltip: true,
tooltipOpts: {
content: "%p.0%, %s", //show percentages, rounding to 2 decimal places
shifts: {
x: 20,
y: 0
},
defaultTheme: false
}
});
}
});
}
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ändern Sie einfach die die
tooltipOpts: content
Eigenschaft; austauschen der%p
mit%y
:Fiddle hier.
Oder eine Funktion für mehr Flexibilität:
Fiddle hier.
%y.0, Construction
. dies sehen. i.stack.imgur.com/UHDh6.jpg%y
in?%y
. Ich bin mit chrome.