How to generate a legend with colors in PlantUML?

Question

I want to color classes in my class diagram, based on a certain criteria, and then display a legend, that would look roughly like:

If I could add an HTML table within PlantUML's legend and endlegend, I could achieve this by changing the cell backgrounds. However, adding the HTML <table> doesn't work. I also tried using PlantUML's salt to insert a table, but I couldn't find any way to color the cells of the table.

Is there any way to achieve this?

Note: Question previously asked on, and copied verbatim from, StackOverflow (Link: http://stackoverflow.com/q/30999290/252576).

Answer 1

Hello,

This is not perfect, but you can use some creole table.
(see http://plantuml.sourceforge.net/creole.html )

@startuml
class foo

legend
|= |= Type |
|<back:#FF0000>   </back>| Type A class |
|<back:#00FF00>   </back>| Type B class |
|<back:blue>   </back>| Type C class |
endlegend

@enduml

 

There are some drawing artifact, but is it what you are expecting ?

Comments

Yes, this is good enough for my purpose. Thanks.

---

@plantuml Do you also want to post this as an answer to my question on StackOverflow, so it might be helpful to more people who might look for it?

---

Yes, please copy/paste our answer to StackOverflow : it would indeed by helpful

---

The colours in the legend are displayed in png file but are not displayed in svg file.

---

Thanks for the report.

This is fixed in last beta https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuKhEIImkLaZBp-VYoabDJyrBuQgnLG2YaCg2L8KQhXgRfCJaR2jbDpS38B1JK52mqGU9sDL0L3WgG0n0g3Gm0Ad5LEc4hZ8ffpGLKvapN1dGBL0NSJa0IQ1Z0G00