Диаграмма 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 - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

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

Falcon Space

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

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

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

по ходу эксплуатации программы. Как создается функционал на платформе

Это простой удобный интерфейс

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

Нужна бесплатная консультация?
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.