graph » arrows » from » media-rules

media-rules, mediaRules

[ root » graph » arrows » from » 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.



AttributeTypeDescription
hookStringSets 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
NumberSets the maximum chart height in pixels.
Introduced in: v2.4.1
maxWidth
max-width
NumberSets the maximum chart width in pixels.
Introduced in: v2.4.1
minHeight
min-height
NumberSets the minimum chart height in pixels.
Introduced in: v2.4.1
minWidth
min-width
NumberSets the minimum chart width in pixels.
Introduced in: v2.4.1
offsetX
offset-x
NumberSets an x-offset to apply when positioning the object.
offsetY
offset-y
NumberSets an y-offset to apply when positioning the object.
xNumberSets the X position of the object.
yNumberSets the Y position of the object.