Диаграмма Chartbar

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


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


Для показа chartbar, необходимо сделать следующее: 
  1. Создать таблицу с колонками id (PK),title, ord. Это статусы элементов, выводятся наверху канбан доски. 
  2. В 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
  3. В SELECT 3 в GetItems указать тип вывода viewType='chartbar'
  4. В 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
    
    Примечание: 
    1. Если необходимо добавлять форму, то внедряем верстку сниппета в поле title. 
    2. Для полей указывайте именно формат cssClass(а не CssClass) в SELECT 4. 
    3. Все поля в SELECT 4 - строковые (в том числе и itemID). 

Платформа Falcon Space

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

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

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

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

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

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

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

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

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