graph » arrows » to » media-rules
media-rules, mediaRules
[ root » graph » arrows » to » 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 following chart. Refer to the Media Rules Tutorial for more information.
| Attribute | Type | Description |
|---|---|---|
| hook | String | Sets the arrow's starting point to a charted value. The plot value refers too the set of values
is a series, and the index refers to the specific value within the series.
For example, `node:plot=0,index=10` sets the starting point of the arrow at the 11th value within the first set of values
in the series. Default Value: null |
| maxHeight max-height | Number | Sets the maximum chart height in pixels. Introduced in: v2.4.1 |
| maxWidth max-width | Number | Sets the maximum chart width in pixels. Introduced in: v2.4.1 |
| minHeight min-height | Number | Sets the minimum chart height in pixels. Introduced in: v2.4.1 |
| minWidth min-width | Number | Sets the minimum chart width in pixels. Introduced in: v2.4.1 |
| offsetX offset-x | Number | Sets an x-offset to apply when positioning the object. |
| offsetY offset-y | Number | Sets an y-offset to apply when positioning the object. |
| x | Number | Sets the X position of the object. |
| y | Number | Sets the Y position of the object. |