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

[Piterskuy]

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



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

Спасибо!

[ksa]

Пока из простого это создания таблицы с ячейками и заливкой их.

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

<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>

[Piterskuy]

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

[ksa]

Выводить нужно в диаграммах по типу этой

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

[BETEPAH]

Пока из простого это создания таблицы с ячейками и заливкой их

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

[Piterskuy]

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

2Ветеран
А как с дивами?

http://htmlbook.ru/html/div
Как и при использовании других блочных элементов, содержимое тега <div> всегда начинается с новой строки. После него также добавляется перенос строки.

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

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

[BETEPAH]

Как и при использовании других блочных элементов, содержимое тега <div> всегда начинается с новой строки.

Ну, это если не использовать {float: left} или {display: inline-block}

2Ветеран
А как с дивами?

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

[ksa]

Есть проекты, в которых принимают участие сотрудники. Их может быть от 1 до 10 (к примеру), ведущий проекта просматривает активность участия исполнителей в проектах, которые отмечают свою активность в табеле учёта времени на вебе.

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

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

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

[Piterskuy]

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