Тепловая карта 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
Насколько полезна эта возможность?

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

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

Пробы разных диаграмм

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

Платформа Falcon Space

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

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

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

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

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

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

Сайт использует Cookie. Правила конфиденциальности OK