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

Как реализовать диаграмму типа Radar

Разметка: 

<div class="as-table" data-code="watch_chartRadar" 
   style="max-width: 400px; min-height:450px; "></div>

GetItems: 

CREATE PROCEDURE [dbo].[crud_watch_chartRadar_getItems]
	@filters CRUDFilterParameter READONLY,  
	@sort sql_variant,
	@direction nvarchar(8),
	@page int,
	@pageSize int,
	@username nvarchar(32)
AS
BEGIN
	declare @langID int
	select @langID = try_cast(Value as int) from @filters where [Key] = 'langID'

	declare @result TABLE (title nvarchar(256), value int, color nvarchar(128))

	declare @mon int
    select @mon = Value from @filters where [Key] = 'mon'

	if @mon = 1
		insert into @result
		select '01' title, 5 Value, 'pink' color
    	union
		select '05' title, 7 Value, 'powderBlue' color
    	union
    	select '10' title, 15 Value, 'lightGreen' color
    	union
		select '15' title, 12 Value, 'cyan' color
		union
		select '20' title, 18 Value, 'aqua' color
    	union
		select '25' title, 16 Value, 'purple' color
    	union
    	select '31' title, 15 Value, 'gold' color
    else
		insert into @result
		select '01' title, 15 Value, 'pink' color
    	union
		select '05' title, 19 Value, 'powderBlue' color
    	union
    	select '10' title, 21 Value, 'lightGreen' color
    	union
		select '15' title, 17 Value, 'cyan' color
		union
		select '20' title, 14 Value, 'aqua' color
    	union
		select '25' title, 18 Value, 'purple' color
    	union
    	select '31' title, 20 Value, 'gold' color
        
	-- 1 SELECT - сами данные		
	select * from @result
    order by title

	-- 2 SELECT - кол-во в таблице
	select count(*) from @result	

	-- 3 SELECT Дополнительные настройки таблицы
	select 'chart' ViewType, 'radar' ChartType, 
    	'Chart title' ChartTitle, 
    	300 ChartWidth, 300 ChartHeight, 1 HidetitleCount, 1 InstantFilter,  'h4' headerTag
END

Документация - https://falcon.web-automation.ru/docs/diagrammy-i-grafiki

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

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

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

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

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

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

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

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

Вывод на странице диаграммы типа pie

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

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

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

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

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

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

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

Виды таблицы: Доска Канбан

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

Виды менеджера ресурсов

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

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

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

Платформа Falcon Space

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

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

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

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

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

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