Tôi muốn xây dựng một thời gian thực dữ liệu đồ thị dựa trên web và tôi đang nhìn vào các tùy chọn khác nhau như:Real Time đồ thị dữ liệu
Theo thời gian thực, khách hàng bỏ phiếu máy chủ web nói mỗi giây hoặc sử dụng ajax ngược lại; máy chủ đẩy dữ liệu đến máy khách khi có sẵn.
Bạn có thể đề xuất bất kỳ điều gì không?
Bạn có thể muốn xem xét sử dụng Flot, thư viện vẽ sơ đồ nguồn mở dựa trên jQuery.
Tôi giả định rằng theo thời gian thực, bạn có nghĩa là biểu đồ sẽ tự động cập nhật. Sau đây là cách mã của bạn sẽ trông như thế nào nếu bạn đã lấy và cốt truyện dữ liệu sử dụng AJAX bỏ phiếu tại 1 khoảng thời gian thứ hai:
function fetchData() {
$.ajax({
url: 'json_fetch_new_data.php',
method: 'GET',
dataType: 'json',
success: function(series) {
var data = [ series ];
$.plot($('#placeholder'), data, options);
}
});
setTimeout(fetchData, 1000);
}
Hãy chắc chắn để kiểm tra các bản demo sau để nhìn thấy nó trong hành động (Click vào nút "Thăm dò ý kiến cho dữ liệu"):
để biết thêm thông tin về Flot:
Ngoài ra còn có SmoothieCharts được thiết kế nhiều hơn cho use-case này.
SmoothieCharts rất tuyệt, mặc dù nó chỉ hiển thị một cửa sổ trượt ngắn của chuỗi thời gian. Tôi vẫn chưa tìm thấy một cái gì đó có vẻ tốt như SmoothieCharts nhưng nén trục ngang khi chuỗi thời gian phát triển (do đó đảm bảo chuỗi thời gian đầy đủ luôn được hiển thị, bất kể nó lớn thế nào). – Peter
Tôi đã thử Smoothiecharts và đó chỉ là những gì chúng tôi cần cho hiển thị biểu đồ dải thời gian thực của dữ liệu động. Wow - dễ thực hiện và hoạt động trên FF Chrome IE. –
giải pháp khác với thiết kế đẹp hơn và khả năng:
http://thechangelog.com/post/14120522053/rickshaw-realtime-javascript-graphing-library
dụ: http://shutterstock.github.com/rickshaw/examples/extensions.html
thời gian thực là gì? Mỗi ngày, giờ, năm, mili giây? Biểu đồ hiển thị là gì? Chỉ số chứng khoán, đánh bạc, lốc xoáy, địa điểm mọi người? –
nó phải được cấu hình, hoặc khách hàng bỏ phiếu máy chủ nói mỗi giây hoặc thông qua ajax ngược, máy chủ đẩy dữ liệu cho khách hàng khi có sẵn ... – ken
bạn nên kiểm tra bài đăng này http://www.techrepublic.com/blog/ năm ứng dụng/tạo-thời gian-biểu đồ-với-đây-năm-miễn phí-web-dựa trên ứng dụng/ – pedrorijo91