graph » media-rules

media-rules, mediaRules

[ root » graph » mediaRules ]

Media rules allow for the creation of responsive charts by changing how the chart and its various objects appear at different breakpoints (or chart dimensions). You can create media rules based on the width and/or height of the chart. Try interacting with the below chart. Refer to the Media Rules Tutorial for more information.

AttributeTypeInfo
max-height
maxHeight
Numeric

Sets the maximum chart height in pixels.

600 | 400 | 300

max-width
maxWidth
Numeric

Sets the maximum chart width in pixels.

1000 | 800 | 600

min-height
minHeight
Numeric

Sets the minimum chart height in pixels.

600 | 400 | 300

min-width
minWidth
Numeric

Sets the minimum chart width in pixels.

1000 | 800 | 600

visibleBoolean

Removes the object (legend, title) from the chart at that specified breakpoint. Use the attribute to save screen space at smaller breakpoints.

true | false