2016-04-29 18 views
5

Tôi có nguồn cấp dữ liệu thời gian thực lấy biểu mẫu Iot, mỗi lần nhận được giá trị và nối vào cốt truyện, trong trường hợp này cứ 15 giây một lần đặt lại về mức thu phóng ban đầu khi cập nhật.ZingChart - Cách duy trì mức thu phóng khi thêm giá trị vào nguồn cấp dữ liệu Thời gian thực

Có cách nào để ngăn đồ thị thu nhỏ hoặc thu lại mức thu phóng sao cho có thể đặt lại sau khi cập nhật không?

Thiết lập cho thức ăn chăn nuôi thời gian thực:

 "refresh": { 
     "type": "feed", 
     "transport": "js", 
     "url": "feed()", 
     "interval": 15000 
     }, 

Accquiring dữ liệu và phụ thêm vào cốt truyện:

// Get new Data 
window.feed = function(callback) {  
    // Issue a get request 
    $.getJSON('https://www.thingspeak.com/channels//feed.json?callback=?&offset=0&results=1', function(){}) 

    // Upon a successful get request... 
    .done(function(data){ 

    var p = [] 
     p[0] = p[0] = getChartDate(data.feeds[0].created_at); 
     p[1] = parseFloat(data.feeds[0].field1); 
     var newData2 = [p]; 

    // Append values to Graph 
    $("#myChart").appendSeriesValues({ 
    "values": [newData2] 
    }); 
    }) 
} 

Trả lời

3

Bạn sẽ cần phải điều chỉnh các đối tượng zoom bằng cách thêm vào sau

zoom:{ 
    preserveZoom:true 
} 

maintainZoom sẽ duy trì zoomLevel trên biểu đồ của bạn khi nó làm mới es. Ngoài ra, bạn có thể điều chỉnh thời điểm làm mới nguồn cấp dữ liệu. Thêm thuộc tính resetTimeout: 'Số' sẽ xác định sau bao nhiêu giá trị mà nguồn cấp dữ liệu sẽ đặt lại. Mặc định là khá thấp (80-100).

refresh:{ 
    .... 
    resetTimeout:1000, // after 1000 nodes the feed will re-start 
} 

Tôi không chắc JSON của bạn trông như thế nào, nhưng nếu bạn muốn giữ thanh cuộn, bạn sẽ cần nhiều thứ. Bạn sẽ cần zoomingscrolling quy định tại JSON của bạn

scrollX:{}, // makes the scrollbar appear 
scaleX:{ 
    zooming:true, // allows for zooming 
    ... 
} 

Tôi làm việc trong nhóm ZingChart. Hãy cho tôi biết nếu bạn cần thêm sự giúp đỡ.

Các vấn đề liên quan