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;