2015-05-04 14 views
5

ZingChart beslemesinde 2 satır seri verilerini çizmeye çalışıyorum. Aşağıda benim komut dosyası kodum var.Zing feed 1 grafikte birden çok seri çizimi

<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)); 
     } 
    }); 
}; 

O görüntülenen alır, ancak daha iyi bir yöntem var mı? Doğru şekilde bu graph.Is hattı doğasını kaybediyor ?. Daha sonra, çalışma zamanında grafikte ne kadar parsellere izin verileceğine karar vermeyi planlıyorum. ZingChart'da kullanabileceğim bir şey var mı? Şimdiden teşekkürler.

cevap

4

tick nesnesi, her arsa serisinin verilerini içerir. Bu, o nesneye birden çok grafik ekleyebileceğiniz anlamına gelir. Eğer serinin üçüncü bir komplo eklemek istiyorsa

Aşağıdaki kodla success geri aramasında şeyi değiştirebilir

...

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

, sadece ZingChart en seri beri plot2 niteliği (eklersiniz 0 tabanlı bir dizin).

ZingChart ekibindeyim. Başka sorularınız varsa bana bildirin.

+0

Teşekkür ederim :) İyi çalışıyor. Şimdi, kullanıcının bir arsa dizisi eklemek/silmek için anında karar vermesine izin vermek istiyorum. Bunu nerede aramam gerektiğini söyler misin? ve nasıl elde edilebilir? –

+1

'plot1' ile' tik 'nesnesine yeni bir arsa eklediğimizden, plot2', 'plot3' vb. Ile daha fazlasını ekleyebilirsiniz, http: // www adresinden bir demo görebilirsiniz. zingchart.com/features/real-time-data-charts/ –

+0

http://stackoverflow.com/questions/30612512/static-chart-with-timestamp-on-x-axis adresine bir göz atabilir misiniz? –

İlgili konular