| 

.NET C# Java Javascript Exception

2
Hallo Leute, ich habe wieder mal eine Frage bezüglich c3.js.

Meine Recherchen waren bis jetzt immer erfolglos, so dass ich mich jetzt euch widme. Ich anhand c3.js einen Pie/Donut Chart erstellt.

In der Mitte des Kreises wird nur der Titel ausgegeben, jedoch möchte ich auch die Gesamtanzahl ausgeben lassen. Kann mir da bitte jemand behilflich sein?

var title = new Array('Chart1.sql','Chart2.sql')
var dtitle = new Array('Chart1','Chart2')
var chart = new Array('chart0', 'chart1')
for(var i = 0; i < title.length; i++){
chart(i) = c3.generate({
bindto : '#chart' + i,
size: {
height: 550,
width: 800
},
data : {
url : '/json/sql/data1/test/' + title(i),
mimeType : 'json',
type : 'donut'
},
donut: {
totalCount = c3.sum
title: dtitle(i),
label: {
format: function(value, ratio, id) {
return value;
}
}
}
});
}


Bei chart(i), title(i) un dtitle(i) sind die i's in eckigen Klammern.

Bedanke mich für jede Hilfestellung.
Gruß, deli_gicik
11.01.2017
deli_gicik 6 5
1 Antwort
0
Hier ist die Lösung!

onrendered: function () {
var data = this.api.data();
var total = data.reduce (function (subtotal, t) {
return subtotal + t.values.reduce (function (subsubtotal,b) { return subsubtotal + b.value; }, 0);
}, 0);
d3.select(this.config.bindto + " .c3-chart-arcs-title").text("Total: "+total);
}
18.01.2017
deli_gicik 6 5

Stelle deine Javascript-Frage jetzt!