HTML5 Timeline, контроль Ганта

Question

У меня есть требование, чтобы создать элемент управления на основе пользовательских HTML5, которые помесь сроки и диаграммы Ганта:

Однако я не могу ухватить управления 3-й партии уже на рынке, сократит время в dev. Для быстрой навигации требуется миниатюрная масштабированная временная шкала для быстрой навигации, которая при прокрутке обновляет основной раздел.

Есть ли что-либо, что уже существует, будь то с открытым исходным кодом или платные, которые могут обрабатывать этот сценарий?

Answer 1

Похоже, что-то я бы начать с нуля - но это только мой путь, я Шеридан/Infragistics несчастный случай с начала 2000-х годов :-)

Вы можете попробовать использовать два элемента управления Ганта, как они являются только gantts. Если нет ничего хорошего для уменьшенной временной шкалы, нарисуйте это с помощью холста, это просто прямоугольники и перетаскиваемые сверху.

Answer 2

Да, есть. RadiantQ FlexyGantt делает именно то, что вы хотите. Вот скриншот:

Вы можете посмотреть онлайн демо нашего Ганта here. Когда страница загружается, выберите FlexyGantt слева, это то, что вам нужно, и имеет несколько образцов «timline».

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