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

Name: Диаграмма радар на сайте - radar bar
Availability: InStock
Author: Falcon Space

Как реализовать диаграмму типа 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
— Вывод диаграммы по дням из данных таблицы
— Пример вывода интерактивного графика

Что есть в базе знаний по этой теме

— Как делать различный набор столбцов одной таблицы для разных ролей
— Диаграммы и графики, визуализация
— Руководство по юзабилити сайтов на Falcon Space
— Логирование изменений объектов на примере хранимых процедур
— Интерактивные диаграммы, графики

В чем выгода для бизнеса?

Радарная диаграмма (radar chart) позволяет сравнивать объекты по нескольким параметрам на одной плоскости. Это полезно для оценки компетенций, сравнения товаров. Вы предоставляете многомерный анализ в понятной форме.