Zing Feed Plotting mehrere Serien in 1 Diagramm

Question

Ich versuche, 2 Zeilenreihen Daten in ZingChart feed zu plotten. Unten ist mein Skriptcode.

<script> 
var chartData = { 
    "type":"line", 
    "refresh": { 
     "type": "feed", 
     "transport": "js", 
     "url": "feed()", 
     "interval": 1000 
    }, 
    "series":[ 
     { 
      "values":[] 

     }, 
     { 
      "values":[] 
     } 
    ] 
}; 



window.onload = function() { 
    zingchart.render({ 
     id: "chartDiv", 
     data: chartData, 
     height: 600, 
     width: "100%" 
    }); 
}; 

window.feed = function(callback) { 
    $.ajax({ 
     type: "GET", 
     dataType: "json", 
     headers: { 
      Accept: "application/json", 
      "Access-Control-Allow-Origin": "*" 
     }, 
     url: "/PerformanceMonitor/showProcessUsage/${processName}", 
     success: function (data) { 
      var mem = data.mem.size/100000; 
      var tick = { 
       plot0: parseInt(mem) 
           }; 
      callback(JSON.stringify(tick)); 
      var tick2 = { 
        plot1:parseInt(mem/1000) 
      }; 
      callback(JSON.stringify(tick2)); 
     } 
    }); 
}; 

Es angezeigt wird, aber verliert die Linie Natur der graph.Is dies der richtige Weg? Gibt es eine bessere Methode ?. Später plane ich, den Benutzer entscheiden zu lassen, wie viele Diagramme zur Laufzeit erlaubt sind. Gibt es etwas in ZingChart, das ich nutzen kann? Vielen Dank im Voraus.

Answer 1

Das Objekt tick enthält die Daten für jede Reihe eines Diagramms. Das bedeutet, dass Sie diesem Objekt mehrere Diagramme hinzufügen können.

Sie alles in Ihrem success Rückruf durch den folgenden Code ersetzen kann ...

var mem = data.mem.size/100000; 
var tick = { 
    plot0: parseInt(mem), 
    plot1: parseInt(mem/1000) 
}; 
callback(JSON.stringify(tick)); 

Wenn Sie einen dritten Plot die Serie hinzufügen wollen, dann würden Sie nur ein plot2 Attribut hinzufügen (seit ZingChart der Serie habe einen 0-basierten Index).

Ich bin im ZingChart-Team. Lass es mich wissen, wenn du andere Fragen hast.