Kết hợp d3.js và backbone.js

Question

Tôi đang làm việc trên một dự án kết hợp tất cả các hình ảnh hóa d3.js với backbone.js vào một ứng dụng trang đơn. Vì tôi có nhiều hình ảnh như biểu đồ thanh, biểu đồ hình tròn, v.v., tôi đã tự hỏi cách tiếp cận tốt nhất cho vấn đề này là gì. Ví dụ:

Ví dụ: giả sử tôi có hai biểu đồ thanh và biểu đồ hình tròn. Tôi có nên đặt tất cả các lề, tỷ lệ, hiển thị tất cả dữ liệu cho tất cả các biểu đồ với nhau trong một chế độ xem không? Vì có hai loại biểu đồ khác nhau, mô hình nên là gì?

Điều gì sẽ xảy ra với Chế độ xem, Mô hình, Bộ điều khiển, Bộ sưu tập, v.v.?

Cảm ơn trước,

Answer 1

Tôi đã nhìn vào kết hợp D3 và Backbone một chút và có một vài giải pháp hiện có trên mạng:

Overview presentation

Short tutorial on combining Backbone & D3

Longer discussion on marrying Backbone and D3

A bunch of JS libraries for integrating with D3

tôi cũng tìm thấy một thư viện trên GitHub nhưng nó dường như không được hỗ trợ ...

Cuối cùng, không ai trong số những thực sự hài lòng với tôi vì vậy tôi đã phát triển mô hình Backbone của riêng tôi, các bộ sưu tập & quan điểm. Tôi thiết lập:

ChartPoint Người mẫu - X & Y phối hợp và một nhãn điểm

ChartSeries Collection - Bộ sưu tập của ChartPoints xác định đầy đủ các biểu đồ

ChartBaseView - Một quan điểm cho rằng giải thích các dữ liệu trên, xử lý các sự kiện , vẽ các trục và các chức năng chung khác

BarChartView, LineChartView, PieChartView, v.v. - Chế độ xem cụ thể để hiển thị loại biểu đồ bạn muốn. Hầu hết mã D3 của bạn đều có ở đây.

Không nói đây là cách "đúng" để thực hiện ... chỉ theo cách của tôi.