Диаграмма Chartbar

Это один из режимов компонента Таблица.
Пример работы компонента - учет загрузки ресурсов.

Позволяет вывести таблицу в виде chartbar-полос.

Для показа chartbar, необходимо сделать следующее:

Создать таблицу с колонками id (PK), title, ord. Это статусы элементов, выводятся наверху канбан доски.

В SELECT 1 в GetItems выбрать эту таблицу

	declare   @result TABLE (id nvarchar(128), title nvarchar(256), ord int)

	insert into @result
    select  'sun' id, 'sum 1' title, 1 ord
    union
    select  'mon' id, 'mon 1' title, 2 ord
    union
    select  'tue' id, 'tue 1' title, 3 ord
    union
    select  'wed' id, 'wed 1' title, 4 ord
    union
    select  'thu' id, 'thu 1' title, 5 ord
    union
    select  'fri' id, 'fri 1' title, 6 ord
    union
    select  'sat' id, 'sat 1' title, 7 ord


    select * from @result
	order by ord

В SELECT 3 в GetItems указать тип вывода viewType='chartbar'

В SELECT 4 в GetItems (вместо данных футера) выводим данные по полосам (именно с такой моделью данных).

-- SELECT 4 Имена полей в точности должны быть такими как в примере
    select '123' itemID, 'tue~' [from], 'wed' [to], 'Задача 1' [title], 'Подпись по названием' [desc], '123' cssClass, '#b03532' color
    union
    select '123' itemID, 'wed' [from], 'wed' [to], 'Задача 2' [title], '' [desc], '123' cssClass, '#33a8a5' color
    union
    select '123' itemID, 'sun' [from], 'tue' [to], 'Задача 3' [title], '' [desc], '123' cssClass, '#30997a' color
    union
    select '123' itemID, 'tue~' [from], 'thu' [to], 'Задача 4' [title], '' [desc], '123' cssClass, '#6a478f' color

Примечание:

Если необходимо добавлять форму, то внедряем верстку сниппета в поле title.
Для полей указывайте именно формат cssClass(а не CssClass) в SELECT 4.
Все поля в SELECT 4 - строковые (в том числе и itemID).

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space

Google поиск по нашей документации

Нужна бесплатная консультация?

Планируете делать веб-проект?

Шаг 1. Создать концепт проекта
Шаг 2. Получить оценку бюджета (КП)
Шаг 3. Заключить договор
Шаг 4. Создать совместно техническое задание
Шаг 5. Поэтапная реализация проекта