树视图图表 (v<MERMAID_RELEASE_VERSION>+)

🌐 TreeView Diagram (v<MERMAID_RELEASE_VERSION>+)

介绍

🌐 Introduction

树视图图用于以类似目录的结构表示层次化数据。

🌐 A TreeView diagram is used to represent hierarchical data in the form of a directory-like structure.

语法

🌐 Syntax

树的结构仅取决于缩进。

🌐 The structure of the tree depends only on indentation.

treeView-beta
    "<folder name>"
        "<file name>"
        "<folder name>"
            "<file name>"
    "<file-name>"

示例

🌐 Examples

配置变量

🌐 Config Variables

属性	描述	默认值
rowIndent	每行的缩进	10
paddingX	行的水平内边距	5
paddingY	行的垂直内边距	5
lineThickness	线条的厚度	1

主题变量

🌐 Theme Variables

属性	描述	默认值
labelFontSize	标签的字体大小	'16px'
labelColor	标签的颜色	'black'
lineColor	线条的颜色	'black'