Как составлять сложные графики с помощью Рафаэля

Question

Я должен был сделать этот тип диаграмм, возможно ли сделать это через Рафаэля или любой хороший плагин для Рафаэля. (я предпочитаю Рафаэля, потому что уже использую это), я прилагаю изображение того, что мне нужно произвести?

спасибо за продвижение ..

Answer 1

Я бы искренне посоветовал просто нарисовать вещь вручную, используя библиотеку Рафаэля.Когда у нас было требование к необычному типу графиков, я попытался заставить существующие графические библиотеки нарисовать его, но это было ужасно.Я смоделировал прототип вечером, чтобы продемонстрировать, насколько чище нарисовать его вручную с Рафаэлем, и мы в итоге его использовали.Лучшее, что вы можете попытаться сделать, это создать прототип того, что вы ищете: создайте фиктивный набор Json для графика и попытайтесь построить график на основе этих данных.Вы должны заметить, что разделить область содержимого относительно просто:

numberOfMonths = 6;
barsPerMonth = 2;
marginLeft = 40;
marginRight = 40;

graphArea = canvasWidth - marginLeft - marginRight;
monthWidth = graphArea /  numberOfMonths;
barWidth = monthWidth / barsPerMonth;

Просто определите все поля и ширины, которые вы хотите.Определите диапазон ваших осей и определите масштаб / количество тиков.Это должно начать вас.