Nguồn cấp dữ liệu Zing vẽ nhiều chuỗi trong 1 biểu đồ

Question

Tôi đang cố vẽ 2 dữ liệu chuỗi dòng trong nguồn cấp dữ liệu ZingChart. Dưới đây là mã tập lệnh của tôi.

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

Nó được hiển thị, nhưng làm mất tính chất của biểu đồ.Đây có đúng cách không? Có phương pháp nào tốt hơn không ?. Sau đó, tôi dự định cho phép người dùng quyết định có bao nhiêu ô được phép trong biểu đồ lúc runtime.Is có điều gì đó trong ZingChart mà tôi có thể sử dụng không? Cảm ơn trước.

Answer 1

Đối tượng tick chứa dữ liệu cho mỗi chuỗi ô. Điều đó có nghĩa là bạn có thể thêm nhiều ô vào đối tượng đó.

Bạn có thể thay thế tất cả mọi thứ trong success callback của bạn với đoạn mã sau ...

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

Nếu bạn muốn thêm một cốt truyện thứ ba của series, bạn chỉ cần thêm một thuộc tính plot2 (kể từ loạt ZingChart của có chỉ số dựa trên 0).

Tôi thuộc nhóm ZingChart. Hãy cho tôi biết nếu bạn có câu hỏi khác.