JavaScript vẽ lược đồ cơ sở dữ liệu

Question

Tôi có nhu cầu hiển thị một vài cấu trúc bảng cơ sở dữ liệu (4-5 ngọn) trong một trang HTML. Tôi phải hiển thị các cột, đánh dấu khóa chính và cũng vẽ các kết nối phím nước ngoài (mũi tên tôi đoán).

Tôi đã chọn raphael.js và tất cả đều ổn, ngoại trừ các mũi tên phím ngoài, vì chúng phải tránh giao nhau với các bảng và thực hiện theo cách lạ mắt, ví dụ: quay lại các góc và đồ vật.

Có ai biết giải pháp cho điều đó không? Nếu không, làm thế nào tôi có thể dễ dàng rút mũi tên?

Những gì tôi có bây giờ là một thử-out là http://jsfiddle.net/eKF6R/

Và nó là tốt để kết nối các bảng nhưng tôi cần phải kết nối các cột cụ thể và cũng để tránh ngã tư.

Answer 1

Hãy thử trang web này http://dbdsgnr.appspot.com/ Hy vọng nó sẽ giúp bạn.

Answer 2

Bạn có thể kiểm tra các tài liệu tham khảo doc sau từ Raphaël: http://raphaeljs.com/reference.html#Paper.path

Bạn có thể sử dụng 'L' như tham số để vẽ đường thay vì đường cong:

var path = ["M", x1.toFixed(3), y1.toFixed(3), "L", x2, y2, x3, y3, x4.toFixed(3), y4.toFixed(3)].join(","); 

Có lẽ nó được 2 năm kể từ câu hỏi của bạn, nhưng nhiều người có thể có cùng một câu hỏi (như tôi).

Trân trọng.