graph » series » marker

marker

[ root » graph » series » marker]

Allows you to customize the appearance of data point markers that are used for certain chart types. Refer to the Plot/Series Styling Tutorial for more information.

Attribute	Type	Info
alpha	Numeric	Sets the transparency of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. See the square points between the lines. 0.3 \| 0.9 \| ...
angle	Numeric	Sets the rotation angle of the object/shape. See the square points between the lines. -45 \| 115 \| ...
background-color backgroundColor	String	Sets the background color of the object. Colors can be entered by name (e.g. "red", "blue", "yellow"), in hexadecimal notation (e.g. "#FF0000", "#0000FF", "#FFFF00"), or in RGB notation (e.g. "rgb(255,0,0)", "rgb(0,0,255)", "rgb(255,255,0)"). One color will set a solid background color, two colors will, by default, create a horizontal gradient. For more complex gradients, use `gradient-colors` and `gradient-stops`. See the square points between the lines. "none" \| "transparent" \| "#f00" \| "#f00 #00f" \| "red yellow" \| "rgb(100, 15, 15)" \| ...
background-color-1 backgroundColor1	String	Sets the first color of a 2 color background gradient of the object. To be used with `background-color-2`. See the square points between the lines. "none" \| "transparent" \| "#f00" \| "#f00 #00f" \| "red yellow" \| "rgb(100, 15, 15)" \| ...
background-color-2 backgroundColor2	String	Sets the second color of a 2 color background gradient of the object. To be used with `background-color-1`. See the square points between the lines. "none" \| "transparent" \| "#f00" \| "#f00 #00f" \| "red yellow" \| "rgb(100, 15, 15)" \| ...
background-fit backgroundFit	String	Sets the direction/s on which the background image is being "stretched". Used with background-image. See the square points between the lines. "x" \| "y" \| "xy"
background-image backgroundImage	String	Sets a background image for the object. Value can be a local file or a web image's location. See the square points between the lines. "image.png" \| ...
background-position backgroundPosition	String	Sets the position of the background when the `background-repeat` value is `no-repeat`. See the square points between the lines. "0 0" \| "50 100" \| "80% 60%" \| ...
background-repeat backgroundRepeat	String	Sets the repeating mode for the background image. See the square points between the lines. "no-repeat" \| "repeat" \| "repeat-x" \| "repeat-y"
border-color borderColor	String	Sets the border color of the object, applicable on closed shapes. See the square points between the lines. "none" \| "transparent" \| "#f00" \| "#f00 #00f" \| "red yellow" \| "rgb(100, 15, 15)" \| ...
border-width borderWidth	Mixed	Sets the border width of the object, applicable on closed shapes. See the square points between the lines. 4 \| "6px" \| ...
fill-angle fillAngle	Numeric	Sets the angle of the axis along which the linear gradient is drawn. See the square points between the lines. -45 \| 115 \| ...
fill-offset-x fillOffsetX	Mixed	Sets an X offset to apply to the fill. See the square points between the lines. 4 \| "6px" \| ...
fill-offset-y fillOffsetY	Mixed	Sets an Y offset to apply to the fill. See the square points between the lines. 4 \| "6px" \| ...
fill-type fillType	String	Sets the background gradient fill type to either linear or radial. See the square points between the lines. "linear" \| "radial"
gradient-colors gradientColors	String	Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with `gradient-stops`. "#f00 #0f0 #00f" \| ...
gradient-stops gradientStops	String	Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with `gradient-colors`. "0.1 0.5 0.9" \| ...
map	String	Sets the map id of the map on which the object/shape is being added. "mapid" \| ...
offset-x offsetX	Mixed	Sets an X offset to apply when positioning the object/shape. 4 \| "6px" \| ...
offset-y offsetY	Mixed	Sets a Y offset to apply when positioning the object/shape. 4 \| "6px" \| ...
rules	Array	Rules allows you to include logic within your JSON code to apply sets of attributes to certain aspects of your chart that meet a specified requirement. See rules for usage information. [...]
shadow	Boolean	Sets whether the object's shadow is visible or not. Has limited effect on HTML5 implementation. true \| false \| 1 \| 0
shadow-alpha shadowAlpha	Numeric	Sets the transparency of the shadow of the object. Values must range between 0.0 and 1.0, with 0.0 being completely invisible and 1.0 being completely opaque. Please note that values also require the leading 0 before the decimal. 0.3 \| 0.9 \| ...
shadow-angle shadowAngle	Numeric	Sets the angle of the shadow underneath the object. -45 \| 115 \| ...
shadow-blur shadowBlur	Mixed	Sets the blur effect size for the shadow of the object. Has limited effect on HTML5 implementation. 4 \| "6px" \| ...
shadow-color shadowColor	String	Sets the color of the shadow of the object. "none" \| "transparent" \| "#f00" \| "#f00 #00f" \| "red yellow" \| "rgb(100, 15, 15)" \| ...
shadow-distance shadowDistance	Mixed	Sets the distance between the shadow and the object. 4 \| "6px" \| ...
size	Mixed	Sets the size of the object/shape. 4 \| "6px" \| ...
type	String	The type of the marker object to render. square \| circle \| diamond \| triangle \| star5 \| star6 \| star7 \| star8 \| rpoly5 \| gear5 \| gear6 \| gear7 \| gear8
visible	Boolean	Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. true \| false \| 1 \| 0
x	Mixed	Sets the X position of the object. 10 \| "20px" \| 0.3 \| "30%" \| ...
y	Mixed	Sets the Y position of the object. 10 \| "20px" \| 0.3 \| "30%" \| ...
z-index zIndex	Numeric	Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. 5 \| 10 \| ...