Legend
Last updated
Last updated
The Legend settings in the Styles tab allow users to configure how the chart legend appears, including its position, size, text style, and interactivity. The legend helps users understand the chart by providing labels and visual indicators for data series.
To access the Legend settings:
Open the Advanced Editor by clicking on the Styles tab.
Select Legend from the list of style options.
Show Legend
Toggle the visibility of the legend. Enabling it displays a legend on the chart.
Type
Background Color
Set a custom background color for the legend.
Icon Type
Choose the icon style representing the series in the legend. Options include auto (default), line, bar, and more.
Width & Height
Define the dimensions of the legend. Leaving it as undefined makes it adjust dynamically.
Padding
Adjust the spacing around the legend.
The Position section allows you to adjust the legend's placement.
Top, Bottom, Left, Right
Set exact positions in pixels or leave as auto to let the system determine placement.
The Item section lets you customize the individual legend items.
Item Gap
Adjusts spacing between legend items.
Item Width
Defines the width of each item.
Item Height
Defines the height of each item.
The Text section allows users to style the legend labels.
Font
Choose the font family for the legend text.
Size
Adjust the font size.
Bold / Italic
Enable bold or italic styling.
Color
Set the text color.
Background
Define a background color for the legend text.
Width & Height
Adjust the dimensions of the text box.
Text Padding
Modify the space around text within the legend.
Overflow
Set how text overflow should be handled (e.g., clip, ellipsis).
By customizing these settings, users can ensure that the legend is clear, readable, and aligns well with their chart layout.
Choose between Plain (static list) or Scroll (allows scrolling through items).
