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

visible

Boolean

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

true | false