User Guide
Reference
Examples
Download
Github

legend

The legend statement is used to add a descriptive legend to the chart.

Synopsis

legend { 
position: <position;>;
item: <legend-item>;
item-flow: <legend-item-flow>;
item-column-padding: <measure>;
item-row-padding: <measure>;
}

List of Options

position

Set the legend position.

position: ([top|center|bottom] [left|center|right]);
Examples:
/* set the position to top left */
position: top left;

item

Add an item element to the legend. See the legend/item element for options.

item { ... }

item-flow

Enable flowing/inline item layout.

item-flow: [on|off];

item-column-padding

Set the item column padding. See the measure page for more details on valid values.

item-column-padding: <measure>;
Examples:
/* set the column padding to 1em */
item-column-padding: 2em;

item-row-padding

Set the item row padding. See the measure page for more details on valid values.

item-row-padding <measure>
Examples:
/* set the row padding to 1em */
item-row-padding: 2em;
Edit this page on GitHub