Вывод диаграммы типа pie

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

Разметка сниппета компонента:

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

GetItems:

CREATE PROCEDURE [dbo].[crud_watch_chartPie_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 float, color nvarchar(64) )

	insert into @result
    select 'Smartwatch' Title, 104 Value, 'pink' Color
    union
    select 'Videocard' Title, 102 Value, 'powderBlue' Color
    union
    select 'Kyboard' Title, 91 Value, 'lightGreen' Color
    union
    select 'Transmitter' Title, 70 Value, 'aqua' Color
    union
    select 'Voice recorder' Title, 24 Value, 'lightGrey' Color
        
	-- 1 SELECT - сами данные		
	select * from @result
    order by Value

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

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

Ссылка на документацию - https://falcon.web-automation.ru/docs/diagrammy-i-grafiki

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

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

Вывод временной линии timeline

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

Вывод диаграммы типа pie

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

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

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

Вывод графиков line

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

Вывод гистограммы bar

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

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

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

Платформа Falcon Space

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

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

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

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

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

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