Схема базы данных JavaScript отрисовки

Question

Мне нужно отобразить структуру пары таблиц базы данных (4-5 вершин) на странице HTML.Я должен показать столбцы, отметить первичный ключ, а также нарисовать соединения внешних ключей (стрелки, я думаю).

Я выбрал raphael.js, и все хорошо, за исключением стрелок внешних клавиш, потому что они должны избегать пересечения со столами и делать это причудливым образом, например, поворачивая углы и прочее.

Кто-нибудь знает решение этой проблемы?Если нет, то как я могу легко нарисовать стрелки?

То, что у меня сейчас есть для пробного использования, это http://jsfiddle.net/eKF6R/

И это хорошо для соединения таблиц, но мне нужно подключитьконкретные столбцы, а также, чтобы избежать пересечения.

Answer 1

Попробуйте этот сайт http://dbdsgnr.appspot.com/ Надеюсь, это поможет вам.

Answer 2

Вы можете проверить следующую справочную документацию от Raphaël: http://raphaeljs.com/reference.html#Paper.path

Вы можете использовать 'L' в качестве параметра для рисования линий вместо кривых:

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

Возможно, это было 2 годаот твоего вопроса, но у многих людей может быть такой же вопрос (как и у меня).

С наилучшими пожеланиями.