| 

.NET C# Java Javascript Exception

2
Hallo Leute,
ich hoffe, jemand kann mir behilflich sein.

Ich lese anhand einer SQL-Abfrage Daten aus einer Datenbank aus.
Als Ergebnis erhalte ich den Datum, den Typ und die Anzahl pro Typ.
Nun zu meiner Frage, ich möchte diese Daten in einem xy-Chart (Line chart) darstellen, stoße dabei auf einen Fehler. Da ich pro Tag mehrere Typen auswählen kann, wie z.B. blau, gelb und grün, wird mir bei der Darstellung des Diagrammes keine drei Diagramme dargestellt, sondern ein einziger, der sich mit all den Daten verbindet, die er ausgelesen hat.
Was muss ich machen, damit ich drei fortlaufende Diagramme habe, die ihren Wert pro Tag und für den ganzen Monat zeigen?

Hier mein Code für die Darstellung des Diagramms:
var chart1 = c3.generate({
bindto : '#chart1',
size: {
height: 500,
width: 2300
},
data : {
x : 'TAG',
xFormat : '%d.%m.%Y %H:%M',
url : '/json/sql/test.sql',
mimeType : 'json',
types : {
Blau: 'line',
Grün: 'line',
Gelb: 'line'
},
},
axis : {
x : {
type : 'timeseries',
tick : {
format : '%d.%m.%Y'
}
},
y : {
label : { // ADD
text : 'Anzahl',
position : 'outer-middle'
}
}
},
grid : {
x : {
show : true
},
y : {
show : true
}
},
color : {
pattern : [ '#90c3d4', '#00FFFF']
},
point : {
show : false
}
});


Und hier ein Auszug aus meiner SQL-Abfrage:
{"TAG":["11.05.2016 00:00","11.05.2016 00:00","11.05.2016 00:00","12.05.2016 00:00","12.05.2016 00:00","12.05.2016 00:00"],"TYP":["Blau","Grün","Gelb","Blau","Grün","Gelb"],"Anzahl":[35,95,16,33,45,17]}


Bedanke mich für jeden Tipp und Hinweis!
News:
02.09.2016
deli_gicik 6 5
2 Antworten
1
Wenn ich die Beispiele zu c3.js richtig verstehe (Beispiel Zeitreihe), dann haben Sie in Ihrem Beispiel das selbe Vorgehen gewählt. Das erzeugt ein Diagramm mit mehreren Datenreihen (wie bei Ihnen).
Um drei Diagramme mit jeweils einer Datenreihe zu erzeugen, müssen Sie zunächst die Datenreihen in einzelne Objekte packen und die Erstellungsroutine des Diagramms in Form einer JS-Funktion mit den extrahierten Daten "füttern". Dadurch entstehen drei Chartobjekte, die angezeigt werden können.
Alternativ sollten Sie drei SQL-Abfragen verwenden, die jeweils eine Datenreihe zurückgeben. Dann können Sie u.U. Ihre Funktion wiederverwenden.

Vielleicht helfen die Anregungen ja weiter...
04.09.2016
edvservice 1,2k 6
Vielen dank für die Antwort. So habe ich es mir auch vorgestellt, dachte aber, dass es noch eine ganz leichte Lösung gibt.
Also ran an die Arbeit :) Danke!
deli_gicik 05.09.2016
0
Your site is truly intriguing and motivation to numerous. I'll looking forward for a greater amount of your posts. Keep it up!
Case Analysis
27.09.2016

Stelle deine Javascript-Frage jetzt!