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

Name: Графики в личном кабинете. Вывод графика типа line
Availability: InStock
Author: Falcon Space

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

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

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

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

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

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

Линейный график (line chart) отлично показывает изменение показателей во времени: рост выручки, количество пользователей. Он помогает отслеживать динамику и прогнозировать тренды. Вы облегчаете анализ временных рядов.