[Restyle] Legends

[shixiedesign]

Need to do a pass on restyling legends

Enhancements needed for open issues:

• [x] Legend position options https://github.com/carbon-design-system/carbon-charts/issues/279
• [x] Legend covering chart https://github.com/carbon-design-system/carbon-charts/issues/191
• [x] Legend with values https://github.com/carbon-design-system/carbon-charts/issues/145
• [x] Legend visibility option https://github.com/carbon-design-system/carbon-charts/issues/173
• [x] Resize chart to full width when legend hides https://github.com/carbon-design-system/carbon-charts/issues/286

[shixiedesign]

[WIP] Design, guidance, and some spec for legends

Visual styles

Interactions / behavior

Legend layout options

[shixiedesign]

Overflow treatment design WIP

[shixiedesign]

Completed designs. Design approved. Ready for dev 🤖

(1) Legend styles

(2) Legend interactions

(3) Position

[theiliad]

Remaining work:

[tay1orjones]

Bumping this thread - the legends overflow is something we've gotten requests for, https://github.com/IBM/carbon-addons-iot-react/issues/1364

[theiliad]

Bumping this thread - the legends overflow is something we've gotten requests for, IBM/carbon-addons-iot-react#1364

@tay1orjones truncations have already been implemented. This issue is still open only for other aspects of the legend specs

Here's a truncation demo https://carbon-design-system.github.io/carbon-charts/?path=/story/line--line-discrete-with-truncated-labels