Я пытаюсь построить диаграмму черепах, используя русалку. Я смог подойти очень близко (изображение ниже). Тем не менее, я не могу получить радиальную компоновку - все узлы должны окружить «процесс» в круговой форме.flowchart TB %% Central Process
Process@{ shape: hex, label: "Process X:" } %% Surrounding Elements
What(["WHAT:"]) Who(["WhO:"]) How(["HOW:"]) Criteria(["CRITERIA:"]) Inputs@{ shape: lean-r, label: "INPUTS" } Outputs@{ shape: lean-r, label: "OUTPUTS" }
%% Positioning
What --> Process
Who --> Process
How --> Process
Criteria --> Process
Inputs --> Process
Process --> Outputs
%% Styling (optional)
style Process fill:#2f7e3e,stroke:#333,stroke-width:2,color:#fff
style What fill:#ffff88,stroke:#333
style Who fill:#ffff88,stroke:#333
style How fill:#ffff88,stroke:#333
style Criteria fill:#ffff88,stroke:#333
style Inputs fill:#ffffff,stroke:#333
style Outputs fill:#ffffff,stroke:#333
< /code>
Из I может найти, русалка не разрешает гранулированный контроль над позиционированием отдельных узлов. Рекомендуемый подход - D3. Есть ли какие -либо решения для достижения радиального макета, прежде чем я проверю D3?
Подробнее здесь: https://stackoverflow.com/questions/797 ... in-mermaid
Как я могу достичь радиальной компоновки в русалке? ⇐ Javascript
Форум по Javascript
-
Anonymous
1753195754
Anonymous
Я пытаюсь построить диаграмму черепах, используя русалку. Я смог подойти очень близко (изображение ниже). Тем не менее, я не могу получить радиальную компоновку - все узлы должны окружить «процесс» в круговой форме.flowchart TB[b] %% Central Process
Process@{ shape: hex, label: "Process X:[/b]" }[b] %% Surrounding Elements
What(["WHAT:[/b]"])[b] Who(["WhO:[/b]"])[b] How(["HOW:[/b]"])[b] Criteria(["CRITERIA:[/b]"])[b] Inputs@{ shape: lean-r, label: "INPUTS[/b]" }[b] Outputs@{ shape: lean-r, label: "OUTPUTS[/b]" }
%% Positioning
What --> Process
Who --> Process
How --> Process
Criteria --> Process
Inputs --> Process
Process --> Outputs
%% Styling (optional)
style Process fill:#2f7e3e,stroke:#333,stroke-width:2,color:#fff
style What fill:#ffff88,stroke:#333
style Who fill:#ffff88,stroke:#333
style How fill:#ffff88,stroke:#333
style Criteria fill:#ffff88,stroke:#333
style Inputs fill:#ffffff,stroke:#333
style Outputs fill:#ffffff,stroke:#333
< /code>
Из I может найти, русалка не разрешает гранулированный контроль над позиционированием отдельных узлов. Рекомендуемый подход - D3. Есть ли какие -либо решения для достижения радиального макета, прежде чем я проверю D3?
Подробнее здесь: [url]https://stackoverflow.com/questions/79710665/how-can-i-achieve-a-radial-layout-in-mermaid[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия