Диаграмма 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

Примеры работы компонентов платформы Falcon Space

Примеры удобных таблиц и форм Примеры дашборда Примеры графиков и диаграмм Пример календаря Таблица с данными по API Пример вывода карты с точками Виды полей форм Пример виджета статистики Пример дерева иерархии Пример компонента Временная линия Пример карточки товаров Пример учета загрузки ресурса Пример Канбан доски Пример мастер формы Пример выгрузки документов Excel/Word Пример заполнения данных по ИНН

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства

Бесплатное обучение разработке на Falcon Space

Вы можете разрабатывать самостоятельно или сотрудничать с нами в плане веб-разработки на платформе Falcon Space.