All of the style options for the widgets use the same parameters to set the appearance. More information about the following parameters can be found at http://raphaeljs.com/reference.html#Element.attr.
fill
- The fill parameter sets the fill color, gradient, or image. The fill color can be set using hexadecimal or rgb color codes.
- To see the gradient parameter at work, see the Barchart Quick Start.
fill-opacity
- The fill-opacity parameter sets the opacity for the fill value.
font
- The font parameter is used with options specifying the text.
font-family
- The font-family parameter is used with options specifying the text.
font-size
- The font-size parameter is used with options specifying the text.
font-weight
- The font-weight parameter is used with options specifying the text.
opacity
- The opacity parameter can be used to set the opacity for both the stroke and the fill.
stroke
- The stroke parameter can be used to set the color used to draw lines and borders around shapes.
stroke-dasharray
- The stroke-dasharray parameter sets the type of line or border drawn around shapes.
- stroke-dasharray options: "", "-", ".", "-.", "-..", ". ", "- ", "--", "- .", "--.", "--.."
stroke-opacity
- The stroke-opacity parameter sets the opacity specific to the stroke color.
stroke-width
- The stroke-width parameter sets the width of the line or border drawn around shapes.
transform
- An option that adds transformation to the label element which is independent of other attributes. For example, the transform option will not change the x or y axis value.
See Also
