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

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

Для этого в GetItem:

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

select 3: выставляем тип отображения ViewType=chartbar

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

CREATE PROCEDURE [dbo].[crud_watch_chartbar2_getItems]
	@filters CRUDFilterParameter READONLY,  
	@sort sql_variant,
	@direction nvarchar(8),
	@page int,
	@pageSize int,
	@username nvarchar(32)
AS
BEGIN
	-- SELECT 1
	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 2
	select 0

	-- SELECT 3
    select 'chartbar' viewType,
    		' ' title, 1 hidetitlecount
		
	-- 4 SELECT Footer data or kanban/gantt data
	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

END

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

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

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

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

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

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

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

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

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

Вывод диаграммы вида radar

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

Виды таблицы: Календарь

Визуализация 24.10.2021

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

Визуализация 24.10.2021

Виды таблицы: Карточки

Визуализация 24.10.2021

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

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

Платформа Falcon Space

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

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

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

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

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

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