Chart Legend

Chart Legend is a stand-alone utility that can be used to add a legend to chart components.

Live Editor

function ChartLegendExample() {
  return (
    <ChartLegend
      legendLabels={[
        {name: 'Likes'},
        {name: 'Replies'},
        {name: 'Comments'},
        {name: 'Link Clicks'}
      ]}
    />
  );
}

Properties

Name	Type	Default	Description	Required?
stacked	boolean		Inline or stacked y plots
theme	| "compare" | "contrast" | "extended" | "datavizRotation"	"datavizRotation"
legendLabels	TypeLegendLabels[]		Array of names with optional color to display. If no color is specified, index of label will be used to determine color based on the theme.	Yes
orientation	string		Orientation of the legend
qa	object

Properties

System Props: COMMON, LAYOUT

info

Full property documentation will be added soon.