10.12.0

Charts And Graphs




Bar Graph

Default


Legend


Legend Non Clickable


Height




Circle Chart

Default Style


Rounded Corners


Accepts Any Block



83

Color Overrides


Data Labels


Legend


Title


Inner Circle Size Options


Distribution Bar

Default




Custom Colors


You can customize the order of the colors you would like to use by using the colors prop. Only the data and status colors will work for Playbook charts. See the design page for reference.

Gauge

Default


Disable Animation


Title


Units


Full Circle


Min Max Labels


Min defaults to 0, Max to 100.

Sizing


Gauge resizes dynamically to fit whatever element it's placed within.

Note: set overflow to hidden on the parent element when nesting gauges inside of a flex items to best respond to shrinking screens.

Height


Legend

Default

Doors
Roofing
Siding
Solar
Gutters
Insulation
Other

With Prefix Text

10 Windows

Line Graph

Default


Legend


Legend Nonclickable


Height