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

Как реализовать графики

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

<div class="as-table" data-code="watch_chartLine" style="max-width: 600px; "></div>

GetItems:

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

	insert into @result
    select iif(@langID=1, 'Customers', 'Заказчиков') Title, '1,3,7,8,12' Value, 'green' Color
    union
    select iif(@langID=1, 'Orders', 'Заказов') Title, '3,7,5,12,9' Value, 'blue' Color
    union
    select iif(@langID=1, 'Income, dollars', 'Доход, тыс.руб.') Title, '5,15,12,18,16' Value, 'red' Color    
    
	-- 1 SELECT - сами данные		
	select * from @result

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

	-- 3 SELECT Дополнительные настройки таблицы   --  300 ChartWidth, 300 ChartHeight,
	select 'chart' ViewType, 'line' ChartType, iif(@langID=1, 'March 2020', 'Март 2020') ChartTitle,
    	'5,10,15,20,25' ChartLineCommaLabels, 1 hideTitleCount, 
    	'h4' headerTag

END

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

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

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

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

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

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

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

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

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

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

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

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

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

Платформа Falcon Space

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

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

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

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

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

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