Альтернатива диаграммам Google Временная шкала

Question

Я играл с графиком временной шкалы из графиков Google. Это здорово, потому что он очень прост в использовании. Тем не менее, я наткнулся на довольно определенные ограничения:

• Невозможно настроить высоту баров или количество маржи вокруг них.
• Я не могу форматировать ярлыки hAxis. Никакие шрифты не могут быть применены, или цвет текста, или размер шрифта. И почему-то два ярлыка выделены жирным шрифтом. (см. рисунок ниже)
• Невозможно добавить текстовый столбец справа, содержащий дополнительный набор информации (например, сумма всех часов в этой строке)
• Я не могу переместить hAxis отображается над графиком, а не ниже
• и т.д ...

Вот ссылка на изображение:

по этой причине, я надеялся, что некоторые из вас могли бы ввести меня в качестве альтернативного инструмента или api, который я могу использовать. Он должен быть простым в использовании и бесплатным/открытым исходным кодом. У меня есть Googled для многих инструментов диаграммы, но почти никакие инструменты не предоставляют этот простой график времени (обратите внимание, что это не диаграмма Ганта, но она похожа на одну).

Answer 1

Есть несколько Javascript-библиотек диаграммы Ганта, но ни один из них не близок к диаграмме Google Timelines.

Единственный график, который я мог найти, аналогичен Visavail.js. Он основан на D3.js и является открытым исходным кодом, поэтому вы можете изменить его по своему вкусу. Ознакомьтесь с примером «Данные пользовательской категории». Это очень похоже на график Google Timelines.

Для вашего удобства я добавил скриншот ниже пример:

Answer 2

Если вы знакомы с d3.js, здесь является d3js пример, основанный: http://bl.ocks.org/bunkat/1962173