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

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

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

<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 на странице

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

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

Круговая диаграмма на сайте - тип pie

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

Форма генерации счета

Файлы и документы 10.01.2025

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

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

Платформа Falcon Space

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

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

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

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

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

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

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