Diagram

Complete

Блокови схеми и организационни диаграми, нарисувани като SVG. Кутиите се разполагат автоматично на нива според връзките им или на зададените от вас X и Y. С Editable потребителят влачи кутиите или ги мести със стрелките. Всяка връзка е налична и като текст за екранните четци.

Пример

Параметри

Параметър	Тип	Описание
`Class`	`string`	Допълнителни CSS класове, добавени към коренния елемент.
`Direction`	`DiagramDirection`	TopDown или LeftRight.
`Edges`	`IEnumerable<DiagramEdge>`	Елементи DiagramEdge(from, to, text), които свързват идентификатори на възли.
`Editable`	`bool`	Позволява на потребителя да мести кутии.
`Height`	`Double`	Най-голяма височина на тялото на решетката, например 24rem (по подразбиране 28rem с VirtualScroll).
`Label`	`string`	Видим текст на етикета (графики: достъпно име; IconButton: достъпно име и подсказка).
`LevelSpacing`	`Double`	Разстояние между нивата.
`Nodes`	`IEnumerable<DiagramNode>`	Елементи DiagramNode(id, text, shape, x, y, accent). Форми: Process, Decision, Data, Terminal.
`NodeSpacing`	`Double`	Разстояние между кутиите на едно ниво.
`NodeWidth`	`Double`	Ширина на всяка кутия.
`ShowDataLabels`	`bool`	Записва стойността на всеки маркер (ленти, точки на линия, дялове на кръгова графика).
`ShowExport`	`bool`	Добавя бутони, които записват графиката като PNG или SVG картина.
`ShowLegend`	`bool`	Показва легендата, която може да се щраква.
`Style`	`string`	Вграден стил, добавен към коренния елемент.
`ValueFormat`	`string`	Числов формат за оста и подсказките, напр. N0 или P1.
`Width`	`Double`	Skeleton: всяка CSS дължина. Charts: ширина на рисунката в единици SVG (графиката пак се мащабира спрямо контейнера си).

Събития

Събитие	Тип	Описание
`OnNodeMoved`	`EventCallback<DiagramNodeMove>`	Вдига се с id и новата позиция на преместена кутия.

Пакет

Diagram е част от RayCraft Complete. Пакет: RayCraft.Blazor.Complete. Тя се тегли от частния feed на RayCraft и изисква активен лиценз. Вижте Първи стъпки.

Изпратете обратна връзкаВерсия 1.0.3