Skip to main content

Styling - Legend

Legend

In the legend, a small caption explains the traces in your chart. 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 chart.

Legend Title

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

Text

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.

Typeface

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 in 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 chart, 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 chart. If you want to manually set the position, slide the ‘Position’ bar or type in a number. 0 = left side of the chart, 1 = right side of the chart.

Orientation

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).

Traces

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

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 chart.

Incomplete documentation!

We're still working on this documentation page. If you have any questions or suggestions, please let us know via the feedback portal