Тепловая карта treemap (heatmap)
Как реализовать:
создаем таблицу и используем режим вывода диаграмм Apex. GetItems для таблицы:
CREATE PROCEDURE [dbo].[crud_watch-treemap_getItems]
@filters CRUDFilterParameter READONLY,
@sort sql_variant,
@direction nvarchar(8),
@page int,
@pageSize int,
@username nvarchar(32)
AS
BEGIN
declare @period nvarchar(max) = isnull((select value from @filters where [key]='period'), '')
declare @dt datetime = dateadd(day, -1, getdate()), @k int = 1
if(@period='week') begin
set @dt = dateadd(week, -1, getdate())
set @k =1
end
if(@period='month') begin
set @dt = dateadd(month, -1, getdate())
set @k =30
end
if(@period='year') begin
set @dt = dateadd(year, -1, getdate())
set @k =300
end
-- SELECT 1
select 1
-- SELECT 2
select 0
declare @s nvarchar(max) = ''
select top 100 @s = @s + '{
x: "Name '+cast(ABS(CHECKSUM(NewId())) % 20 as nvarchar)+'",
y: '+cast(ABS(CHECKSUM(NewId())) % 500 *@k as nvarchar)+'
},' from as_trace
--where created >= @dt
select 'apexchart' viewType, 1 HideTitleCount,
'{
series: [
{
data: [
'+isnull(@s, '')+'
]
}
],
legend: {
show: false
},
chart: {
height: 350,
type: "treemap"
},
title: {
text: "Некий заголовок..."
}
}' apexChartOptions
ENDУ таблицы 1 колонка для создания фильтра по периоду period:
CREATE PROCEDURE [dbo].[crud_watch-treemap_period_dict]
@tableCode nvarchar(32),
@col nvarchar(32),
@username nvarchar(32)
as
begin
select 'day' Value, 'День' text , 1 ord
union
select 'week' Value, 'Неделя' text , 2 ord
union
select 'month' Value, 'Месяц' text , 3 ord
union
select 'year' Value, 'Год' text , 4 ord
order by ord
end
Другие модули
Последние обновления
Таблица 23.09.2023
15.09.2023
02.08.2023
Визуализация 02.08.2023
Визуализация 01.08.2023
Таблица 18.03.2023
Форма 19.12.2022
Таблица 06.12.2022
Форма 01.12.2022
Форма 21.11.2022
Форма 17.11.2022
Форма 10.11.2022
Таблица 16.09.2022
Разное 14.09.2022
Таблица 09.09.2022
Форма 31.07.2022
Страницы 31.07.2022
Страницы 08.05.2022
Интеграции 04.04.2022
Интеграции 01.04.2022
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства