2017-05-12 2 views
0

Ich bin auf morris.js Liniendiagramm wokring. Mein JSON istMorris.js Liniendiagramm mehrere Ykeys von JSON

[ 
{"uma":"34","time":"2017-05-11 12:30","mahes":"23","karan":"56"}, 
{"uma":"45","time":"2017-05-11 12:35","mahes":"45","karan":"56"}, 
{"uma":"34","time":"2017-05-11 12:38","mahes":"54","karan":"56"} 
] 

aus dem obigen JSON, ich bin sicher über Xkey und Ykeys. also kann ich den untenstehenden Code implementieren.

var stringify=JSON.stringify(abovejson); 

     var data =stringify, 
        config = { 
        data: JSON.parse(data), 
        xkey: 'time', 
        ykeys: ['uma','mahes','karan'], 
        labels: ['temperature'], 
        fillOpacity: 0.6, 
        hideHover: 'auto', 
        behaveLikeLine: true, 
        resize: true, 
        pointFillColors:['#ffffff'], 
        pointStrokeColors: ['black'], 
        lineColors:['green'] 
       }; 
       config.element = 'morris-area-chart-exm'; 
       Morris.Line(config);` 

Wenn mein json mehr als 2 ykeys haben, die auf der Grundlage der Daten werden aus der Datenbank kommt. Wie werde ich es auf Ykeys plotten? Bitte um Rat.

Beispiel JSON wird

[ 
{"uma":"34","time":"2017-05-11 12:30","mahes":"23","karan":"56","janu":"23",....}, 
{"uma":"45","time":"2017-05-11 12:35","mahes":"45","karan":"56","janu":"56",....}, 
{"uma":"34","time":"2017-05-11 12:38","mahes":"54","karan":"56","janu":"67",....} 
] 
+0

Es ist möglich, ich werde eine Geige für Sie –

Antwort

0

ich eine Geige gemacht haben für Sie

http://jsfiddle.net/athulnair/edwsgj8g/

In dieser Frage Ich habe die ykeys

als

var yvalues = Object.keys(jsonData[0]).filter(i=>i!='time'); 

So wird es alle y Schlüssel überspringen Zeit

+0

Filter (i => i! = 'Zeit') was diese Zeile tun wird ?? @Nair – Asymptote

+0

Es wird alle Schlüssel ohne Zeit bekommen. Damit erhalten Sie alle Y-Tasten im einzeiligen Code. –

+0

verstanden. Vielen Dank. – Asymptote

Verwandte Themen