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.
| Attribute | Type | Info |
|---|---|---|
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 |