Виды таблицы: Диаграмма Ганта

В примере показано отображение данных таблицы в виде диаграммы Ганта

Для этого в GetItem:

select 1: Перечисляем элементы вертикальной шкалы

select 3: выставляем тип отображения viewType=gantt и начальную детализацию ganttScale=days

select 4: Перечисляем данные самих элементов в определенной структуре

CREATE PROCEDURE [dbo].[crud_watch_gantt_getItems]
	@filters CRUDFilterParameter READONLY,  
	@sort sql_variant,
	@direction nvarchar(8),
	@page int,
	@pageSize int,
	@username nvarchar(32)
AS
BEGIN
	-- SELECT 1
	select distinct code id, code name from as_trace where year(created)=year(getdate())
	
	-- SELECT 2
	select 1

	-- SELECT 3
    select 'gantt' viewType, 
    	   'days' ganttScale, 
           ' ' Title, 1 HideTitleCount
    
	-- 4 SELECT Footer data or kanban/gantt data
	select top 400 code itemID,
            created [from], -- дата начала и конца элемента Ганта
       		dateadd(hour, 0.5, created) [to],
       		'Х' [label], -- метка на диаграмме
       		convert(nvarchar,created,104)+' : '+try_cast(header as nvarchar) [desc], -- подсказка при наведении на элемент
       		'text-warning' customClass, --css класс для стилизации элемента на диаграмме
       		cast(id as nvarchar) dataObj-- идентификатор элемента, для показа модальной формы
	from as_trace
	where year(created)=year(getdate())
  	
END

Подробнее тут: https://falcon.web-automation.ru/docs/diagramma-ganta

Другие модули

Рабочий стол в личном кабинете на сайте. Что видит пользователь в личном кабинете

Дашборд пользователя с фильтром по времени. Создание панели управления на сайте

Визуализация данных на сайте в виде графа в личном кабинете пользователя

Вывод полосок прогресса - отображение статуса процесса в личном кабинете

Вывод круговой диаграммы polarArea

Как отобразить гистограмму bar на странице

Графики в личном кабинете. Вывод графика типа line

Диаграмма радар на сайте - radar bar

Последние обновления

SQL-инструмент для создания личных кабинетов на сайте

Суть подхода и история создания Falcon Space

Платформа Falcon Space

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

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

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

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

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

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