PlantUMLLanguage specificationYaml Diagram

         

Edit in DokuwikiEdit in AsciidocEdit in Markdown YAML 显示效果图 YAML 格式广泛的在软件中使用. 可以使用 PlantUML 可视化您的数据. 要激活此功能, 需要: 以关键字 @startyaml 开始 以关键字 @endyaml 结束. 🎉 Copied! @startyaml fruit: Apple size: Large color: - Red - Green @endyaml Edit in DokuwikiEdit in AsciidocEdit in Markdown 复杂例子 🎉 Copied! @startyaml doe: "a deer, a female deer" ray: "a drop of golden sun" pi: 3.14159 xmas: true french-hens: 3 calling-birds: - huey - dewey - louie - fred xmas-fifth-day: calling-birds: four french-hens: 3 golden-rings: 5 partridges: count: 1 location: "a pear tree" turtle-doves: two @endyaml Edit in DokuwikiEdit in AsciidocEdit in Markdown 特定的 key (使用 symbols 或者 unicode) 🎉 Copied! @startyaml @fruit: Apple $size: Large &color: Red ❤: Heart ‰: Per mille @endyaml [Ref. QA-13376] Edit in DokuwikiEdit in AsciidocEdit in Markdown 强调 正常样式 🎉 Copied! @startyaml #highlight "french-hens" #highlight "xmas-fifth-day" / "partridges" doe: "a deer, a female deer" ray: "a drop of golden sun" pi: 3.14159 xmas: true french-hens: 3 calling-birds: - huey - dewey - louie - fred xmas-fifth-day: calling-birds: four french-hens: 3 golden-rings: 5 partridges: count: 1 location: "a pear tree" turtle-doves: two @endyaml 自定义样式 🎉 Copied! @startyaml <style> yamlDiagram { highlight { BackGroundColor red FontColor white FontStyle italic } } </style> #highlight "french-hens" #highlight "xmas-fifth-day" / "partridges" doe: "a deer, a female deer" ray: "a drop of golden sun" pi: 3.14159 xmas: true french-hens: 3 calling-birds: - huey - dewey - louie - fred xmas-fifth-day: calling-birds: four french-hens: 3 golden-rings: 5 partridges: count: 1 location: "a pear tree" turtle-doves: two @endyaml [Ref. QA-13288] Edit in DokuwikiEdit in AsciidocEdit in Markdown Using different styles for highlight It is possible to have different styles for different highlights. 🎉 Copied! @startyaml <style> .h1 { BackGroundColor green FontColor white FontStyle italic } .h2 { BackGroundColor red FontColor white FontStyle italic } </style> #highlight "french-hens" <<h1>> #highlight "xmas-fifth-day" / "partridges" <<h2>> doe: "a deer, a female deer" ray: "a drop of golden sun" pi: 3.14159 xmas: true french-hens: 3 calling-birds: - huey - dewey - louie - fred xmas-fifth-day: calling-birds: four french-hens: 3 golden-rings: 5 partridges: count: 1 location: "a pear tree" turtle-doves: two @endyaml [Ref. QA-15756, GH-1393] Edit in DokuwikiEdit in AsciidocEdit in Markdown 使用 (global) 全局样式 不带样式 (默认) 🎉 Copied! @startyaml - name: Mark McGwire hr: 65 avg: 0.278 - name: Sammy Sosa hr: 63 avg: 0.288 @endyaml 使用样式 您可以使用 style 更改元素的显示. 🎉 Copied! @startyaml <style> yamlDiagram { node { BackGroundColor lightblue LineColor lightblue FontName Helvetica FontColor red FontSize 18 FontStyle bold BackGroundColor Khaki RoundCorner 0 LineThickness 2 LineStyle 10-5 separator { LineThickness 0.5 LineColor black LineStyle 1-5 } } arrow { BackGroundColor lightblue LineColor green LineThickness 2 LineStyle 2-5 } } </style> - name: Mark McGwire hr: 65 avg: 0.278 - name: Sammy Sosa hr: 63 avg: 0.288 @endyaml [Ref. QA-13123]

复杂例子 特定的 key (使用 symbols 或者 unicode) 强调 Using different styles for highlight 使用 (global) 全局样式