Визуализация данных в виде графа

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

1. Создаем таблицу.

Если нужны фильтры, то создаем дополнительные колонки для фильтров (они не будут выводиться как данные, а будут использованы только для фильтрации в GetItems).

2. Прописываем GetItems 

CREATE PROCEDURE [dbo].[crud_watch_graph_getItems]
	@filters CRUDFilterParameter READONLY,
	@sort sql_variant,
	@direction nvarchar(8),
	@page int,
	@pageSize int,
	@username nvarchar(32)
AS
BEGIN
    -- filters...
	declare @text nvarchar(128)=''
	select @text = Value from @filters where [Key] = 'text'
	
    -- SELECT 1
    select 'node1' id, 'node1' name, '#aaf' color, 'circle' type, 3 dim
	union
    select 'node2' id, 'node2' name, '#f00' color, 'circle' type, 6 dim
	union
    select 'node3' id, 'node3' name, '#f50' color, 'circle' type, 10 dim
	union
    select 'node4' id, 'node4' name, '#f02' color, 'circle' type, 8 dim
	union
    select 'node5' id, 'node5' name, '#f0f' color, 'circle' type, 12 dim
	union
    select 'node6' id, 'node6' name, '#3f0' color, 'circle' type, 5 dim
	union
    select 'node7' id, 'node7' name, '#2d0' color, 'circle' type, 8 dim
	union
    select 'node8' id, 'node8' name, '#21f' color, 'circle' type, 3 dim
	union
    select 'node9' id, 'node9' name, '#05f' color, 'circle' type, 5 dim
	union
    select 'node10' id, 'node10' name, '#47a' color, 'circle' type, 15 dim


	-- SELECT 2
	select count(*) from @ids	

	-- SELECT 3
    select 'h4' headerTag, 
    	'graph' viewType,
    	'{"contHeight": "400px"
        }' graphOptions
		
	-- 4 SELECT Footer data or kanban/gantt data
    select 'node1' nodeFrom, 'node2' nodeTo, '#00f' color
    union
    select 'node2' nodeFrom, 'node10' nodeTo, '#0ff' color
    union
    select 'node3' nodeFrom, 'node8' nodeTo, '#0f0' color
    union
    select 'node6' nodeFrom, 'node1' nodeTo, '#0f0' color
    union
    select 'node4' nodeFrom, 'node10' nodeTo, '#0f0' color
    union
    select 'node2' nodeFrom, 'node7' nodeTo, '#0f0' color
    union
    select 'node7' nodeFrom, 'node3' nodeTo, '#0f0' color
    union
    select 'node10' nodeFrom, 'node2' nodeTo, '#0f0' color
    union
    select 'node6' nodeFrom, 'node9' nodeTo, '#0f0' color
    union
    select 'node7' nodeFrom, 'node9' nodeTo, '#0f0' color
    union
    select 'node8' nodeFrom, 'node4' nodeTo, '#0f0' color
    

END

Подробности - https://falcon.web-automation.ru/docs/vyvod-dannykh-v-vide-grafa-na-sayte

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

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

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

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

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

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

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

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

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

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

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

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

Вывод полосок прогресса

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

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

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

Платформа Falcon Space

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

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

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

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

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

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