Нужен jQuery плагин для отображения горизонтальных временных диаграмм или идея
 

Есть задача выводить посуточно участие работника в определённых проектах.
Выводить нужно в диаграммах по типу этой



Есть ли предложения как это реализовать. Пока из простого это создания таблицы с ячейками и заливкой их. Хочется более изящного, возможно, готового решения.

Спасибо!

Это уже сложно... :D
Как вариант, можно просто масштабировать картинки... ;)

<style>
div {
   margin: 3px;
}
img {
   height: 20px;
}
</style>
<div>
   <img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' style='width: 50%;' />
</div>
<div>
   <img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' style='width: 20%;' />
</div>

Ваше решение не подходит.
Картинки тут не могут быть, поскольку вариантов перебора масса.

Тут масса переборов? :blink:

Можно и див'ами с помощью скрипта. А можете привести входные данные по 3-4 работникам?

Есть проекты, в которых принимают участие сотрудники. Их может быть от 1 до 10 (к примеру), ведущий проекта просматривает активность участия исполнителей в проектах, которые отмечают свою активность в табеле учёта времени на вебе.
Картинки это совсем не та степь. Я привёл пример отображения, а не выходных данных, вариаций которых бесчисленное множество, если учесть что диапазон данных может быть и неделя, и месяц и год, проектов и комбинаций участия в них не счесть, какая тут картинка? Или может завести банк картинок и подгружать их :D

2Ветеран
А как с дивами?
Мне нужно, чтобы в одной строке были элементы разного стиля. Это возможно, как мне кажется, только через таблицы, если не через готовый плагин.

Как вариант рассматриваю перепиливание готового jQuery плагина для создания отчётности с использованием диаграмм Гантта.
вот, кстати, и он http://gantt.twproject.com/distrib/gantt.html

Ну, это если не использовать {float: left} или {display: inline-block}
В принципе, так же как и с таблицами, только чуть попроще и попонятнее будет разметка. Берете один див на всю ширину, а в него вкладываете инлайн-блочные дивы и скриптом выставляете им класс, который будет раскрашивать цветом, и скриптом же растягиваете каждый на нужную ширину в зависимости от входных данных.

Такое решается простыми прямоугольниками, с шириной в процентах, внутри одного...
Т.ч. даже картинки не нужны... :D

Чем дивы отстали от табличных ячеек? :blink:

Всем спасибо! Буду курить =)