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

Name: Вывод круговой диаграммы polarArea
Availability: InStock
Author: Falcon Space

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

Разметка таблицы:

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

GetItems:

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

	insert into @result
	select 'First company' title, 55 Value, 'pink' color
    union
	select 'Petrov PE' title, 40 Value, 'powderBlue' color
    union
    select 'Ivanov PE' title, 27 Value, 'lightGreen' color
    union
	select 'Condition Limited' title, 22 Value, '#fa5' color
	union
	select 'GorGarSnabStryServiceBit' title, 18 Value, '#999999' color
    
	-- 1 SELECT - сами данные		
	select * from @result

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

	-- 3 SELECT Дополнительные настройки таблицы
	select 'chart' ViewType, 'polarArea' ChartType, 'Заголовок диаграммы' ChartTitle, 
    	150 ChartWidth, 150 ChartHeight, 1 HidetitleCount,  
    	'h4' headerTag
    	

END

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

Другие демостенды

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

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

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

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

Круговая диаграмма polarArea визуализирует доли разных категорий в общем объёме. Она привлекает внимание и легко воспринимается. Вы помогаете пользователям быстро анализировать структуру данных, например, распределение бюджета.