Thư viện biểu đồ web dành cho thiết bị di động, nghiên cứu của chúng tôi

Question

Chúng tôi đang tìm kiếm một thư viện dựa trên javascript tốt cho một ứng dụng biểu đồ web mà chúng tôi đã được yêu cầu thực hiện. Các biểu đồ sẽ có thể truy cập được và thực sự tốt hơn để tương tác với thông qua thiết bị di động (iOS, Android và các thiết bị tương tự). Người dùng sẽ có thể đi sâu vào một số bộ dữ liệu, do đó, người chụp (cả xử lý đồ họa và tải dữ liệu) và tương tác hơn, càng tốt.

Ngày nay, có vô số tùy chọn ngoài kia và nhiều khía cạnh cần xem xét. Dựa trên nghiên cứu của tôi, tôi đã tổng hợp danh sách sau đây. Xin lỗi trước cho bất kỳ sai lầm, nó không có ý định sẽ hoàn thành 100% hay chính xác .. nhưng tôi nghĩ rằng vẫn còn hữu ích:

https://spreadsheets.google.com/pub?key=0As7T_22rXSbtdF9YeklwcUVXSEdwQnN0a0FvcWpoU2c&output=html

ý kiến ​​của bạn là gì? Bạn có kinh nghiệm gì trong loại ứng dụng như vậy không? Có lẽ một số ứng cử viên tôi đang mất tích?

Chúng tôi đang thu hẹp lựa chọn, nhưng tôi vẫn không chắc chắn về lựa chọn nào là đặt cược tốt nhất. Một số câu hỏi nổi bật trong tâm trí của tôi:

• Cách khác nhau để hiển thị biểu đồ (vải SVG/VML so với HTML 5). Trình duyệt nào phù hợp hơn với trình duyệt trên thiết bị di động? Cái nào phù hợp hơn với tương tác của người dùng?
• Làm cho nó trông đẹp. Thư viện nào cho phép dễ dàng tinh chỉnh giao diện? CSS thực sự mạnh mẽ cho điều này?

Answer 1

trước hết, nếu hỗ trợ di động là điều không thể thiếu đối với bạn, hãy hủy SVG làm giải pháp. Nó không được hỗ trợ rộng rãi. Mặt khác, Canvas không được hỗ trợ bởi các phiên bản cũ của IE, nhưng có thể được mô phỏng qua VML với exCanvas.js library.

Về cách làm cho nó trông đẹp, CSS không liên quan gì đến các thư viện này. CSS ảnh hưởng đến các phần tử DOM và nội dung canvas là dữ liệu nhị phân. Canvas là, như từ đã nói, một khung trống để bạn vẽ qua API Javascript. Khi bạn vẽ một đường trong phần tử canvas, thông tin đó chỉ là pixel trong canvas.

BTW, là danh sách tốt mà bạn đã thu thập và tôi khá chắc là nó hoàn toàn hoàn chỉnh. Kẻ đột nhập duy nhất trong đó là Dundas. Trước hết, là một thư viện .Net, và tạo ra các biểu đồ trong máy chủ. Thứ hai, không được chấp nhận. Dundas không còn bán linh kiện nữa, họ hoàn toàn tương tác với giải pháp bảng điều khiển của họ.

Hy vọng tôi sẽ trợ giúp.

Answer 2

Tôi đã chọn Flot cho một số dự án ngay bây giờ và nó đã hoạt động tốt. Nó cũng được ghi nhận với rất nhiều ví dụ, cấu hình, trông tuyệt vời, và có thể mở rộng. Nó phụ thuộc vào jQuery.

Answer 3

Bạn bỏ lỡ Sencha Touch

Answer 4

Bạn cũng có thể muốn thêm dhtmlxChart vào danh sách của bạn.

Thư viện biểu đồ JavaScript dựa trên Canvas hỗ trợ các loại biểu đồ khác nhau: đường, bánh, khu vực, thanh, radar, vv dhtmlxChart được phân phối theo GPL v2 (giấy phép thương mại là cần thiết để sử dụng nó trong một dự án độc quyền).

(Disclaimer: Tôi làm việc cho DHTMLX)

Answer 5

Tôi biết đây là một câu hỏi cũ, nhưng chúng tôi phải làm một nghiên cứu tương tự gần đây.

Chúng tôi tập trung nghiên cứu của chúng tôi vào thư viện biểu đồ trên thiết bị di động (Android và iOS, gốc hoặc lai-với Cordova-) hỗ trợ biểu đồ đường/khu vực. Tất cả các thông tin đã được thu thập từ các trang web của các thư viện biểu đồ tương ứng và không có thử nghiệm cá nhân nào được thực hiện (chưa).

Dưới đây là kết quả:
https://goo.gl/0tVC6a

Tôi hy vọng nó giúp.