Skip to main content

Styling - Legend


In the legend, a small caption explains the traces in your plot. This makes the chart more understandable for the user. Click Show or Hide to enable or disable a legend, holding each activated trace legend, in your plot.

Legend Title#

Here you can add a title to your legend and set the text formatting options.


The β€˜Text’ refers to the text within the legend, so not the legend title. You can change the text font, text size, and text color.


HTML font family - the typeface that will be applied by the web browser. The web browser will only be able to apply a font if it is available on the system which it operates. Plotly has a set of standard fonts available on all platforms, containing Arial, Balto, Courier New, Droid Sans, Droid Serif, Droid Sans Mono, Gravitas One, Old Standard TT, Open Sans, Overpass, PT Sans Narrow, Raleway and Times New Roman.

Font Size#

Size of the typeface in pixels.

Font Color#

The color of the text in the trace can be chosen using the default Color picker [link]

Legend Box#

To distinguish your legend text from the plot, you can add and style a legend box. If you want to outline your legend, you can increase the width of the box. In this section, you can also change the border color and the background color.

Horizontal and Vertical Positioning#

The horizontal and vertical position can be adjusted via the anchor point, left, center or right. Or you can leave it on auto, FigLinq will decide the best position based on your plot. If you want to manually set the position, slide the β€˜Position’ bar or type in a number. 0 = left side of the plot, 1 = right side of the plot.


If given sufficient space, the orientation of the legend can be horizontal (items are placed adjacent left to right) or vertical (each item on a line of its own).


Only available when more than one trace is present in the plot.

The order of the traces in the legend can be changed in this section. You can choose to order the traces normally, reversed, grouped or reverse and grouped. In addition, the size of the item corresponding to the traces can be set to constant, in which case all traces will have the same item size in the legend. Or, it can be set on β€˜Trace’, which uses the actual size of the trace in the plot.

Incomplete documentation!

While most documentation is ready, for omissions, please visit Plotly's help pages!