Графики временной шкалы, такие как Github.com

Question

Кто-нибудь видел библиотеку с открытым исходным кодом, которая генерирует диаграммы, похожие на графики временной шкалы коммитов Github.com? Проверьте этот профиль (выбранный случайным образом) и обратите внимание на гистограммы под каждым проектом.

Я пытался доминировать во Flot, чтобы вести себя правильно, но у него просто нет гибкости вариантов форматирования, чтобы придумать достойный клон. Лично я предпочел бы реализацию Javascript, но я открыт и для серверных вещей.

Определенно, это должна быть отдельная реализация, приложение направляется в сеть, отделенную от Интернета, поэтому об API Google Charts не может быть и речи.

Answer 1

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

Вот несколько достойных ценностей, с которых можно начать:

РЕДАКТИРОВАТЬ: первоначально я перекрыл две отдельные спарклайны с относительным позиционированием, но было бы лучше использовать опцию «составной» для рисования двух графиков на одном холсте.