Стиль легенды блок-схемы русалки ⇐ CSS

[Anonymous]

Этот вопрос состоит из трех частей: форматирование текстовой метки в подграфе, центрирование вывода со скрытыми объектами и макет файла.

• Как можно удалить фон текста метки из группы легенды? На аналогичный вопрос в Mermaid — Как установить стиль меток для узлов блок-схемы есть ответ без каких-либо объяснений.
• Блок-схема расположена сверху вниз, но легенда расположена слева направо, поэтому легенду пришлось поместить в подграф с последним скрытым узлом справа. Это приводит к появлению пробелов в правой части вывода, поэтому изображение не центрируется. Можно ли создать изображение без пробелов, чтобы оно располагалось в центре вывода?
• Стиль и код удобно хранить в одном файле, но любые комментарии по управлению стилем приветствуются.

Код: Выделить всё

%%{init: {'flowchart' : {'curve' : 'stepBefore'}}}%%

flowchart  TD
A((A))
A --- B
A --- C
A --- D
A --- E
B --- B1
B --- B2

%% Legend
E --- legend
subgraph legend
direction LR
Y --- |Type 1| Z
Z --- |Type 2| null
end
linkStyle 6,7,8 stroke:#0000,stroke-width:0px;

classDef Type1 fill:lime, font-weight: bolder;
classDef Type2 fill:yellow, font-weight: bolder;
class A,B,E,Z Type2;
class C,D,B1,B2,Y Type1;

classDef hide fill:#0000,stroke:#0000,stroke-width:0px,color:#0000;
class legend,null hide;
classDef hide-font color:#0000;
class Y,Z hide-font;

Подробнее здесь: https://stackoverflow.com/questions/725 ... gend-style