graph » options » style
style
[ root » graph » options » style]
Various Charts: Apply chart-specific styling.
| Attribute | Type | Description |
|---|---|---|
| .td | Object | Sets the style for grid cells. Chart types: Grid |
| .td_even | Object | Sets the style for even grid cells. Chart types: Grid |
| .td_first | Object | Sets the style for first grid cells. Chart types: Grid |
| .td_last | Object | Sets the style for last grid cells. Chart types: Grid |
| .td_n | Object | Sets the style for grid cells on specified column. Chart types: Grid |
| .td_n_n | Object | Sets the style for grid cells on specified row and column, respectively. Chart types: Grid |
| .td_odd | Object | Sets the style for odd grid cells. Chart types: Grid |
| .th | Object | Sets the style for header cells. Chart types: Grid |
| .th_even | Object | Sets the style for even header cells. Chart types: Grid |
| .th_first | Object | Sets the style for first header cells. Chart types: Grid |
| .th_last | Object | Sets the style for last header cells. Chart types: Grid |
| .th_n | Object | Sets the style for header cells on specified column. Chart types: Grid |
| .th_odd | Object | Sets the style for odd header cells. Chart types: Grid |
| .tr | Object | Sets the style for grid rows. Chart types: Grid |
| .tr_even | Object | Sets the style for even grid rows. Chart types: Grid |
| .tr_first | Object | Sets the style for first grid rows. Chart types: Grid |
| .tr_last | Object | Sets the style for last grid rows. Chart types: Grid |
| .tr_n | Object | Sets the style for grid rows on specified row. Chart types: Grid |
| .tr_odd | Object | Sets the style for odd grid rows. Chart types: Grid |
| alpha | Number | Sets the opacity on the marker, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. Default Value: 1 Chart types: Wordcloud |
| backgroundClip background-clip | Boolean | Clips the background image to the margins of the shape/box. Default Value: true Chart types: Wordcloud |
| backgroundColor background-color | String | Sets the background color of the object. Colors can be entered by name (e.g., "purple", "blue"), hexadecimal notation (e.g., "#666699", #33ccff"), or RGB notation (e.g., "rgb(255,0,0)", "rgb(0,0,255)") Default Value: null Chart types: Wordcloud |
| backgroundColor1 background-color-1 | String | Sets the first color of a 2 color background gradient of the object. To be used with background-color-2. Default Value: null Chart types: Wordcloud |
| backgroundColor2 background-color-2 | String | Sets the second color of a 2 color background gradient of the object. To be used with background-color-1. Default Value: null Chart types: Wordcloud |
| backgroundFit background-fit | String | Sets the direction/s on which the background image is being "stretched". Default Value: '' Chart types: Wordcloud |
| backgroundImage background-image | String | Sets a background image for the object. Value can be a local file or a web image's location.
For patterns, the available patterns are: [`${string}`, 'PATTERN_BACKWARD_DIAGONAL', 'PATTERN_DARK_DOWNWARD_DIAGONAL', 'PATTERN_DARK_HORIZONTAL', 'PATTERN_DARK_UPWARD_DIAGONAL', 'PATTERN_DARK_VERTICAL', 'PATTERN_DASHED_DOWNWARD_DIAGONAL', 'PATTERN_DASHED_HORIZONTAL', 'PATTERN_DASHED_UPWARD_DIAGONAL', 'PATTERN_DASHED_VERTICAL', 'PATTERN_DIAGONAL_BRICK', 'PATTERN_DIAGONAL_CROSS', 'PATTERN_DIVOT', 'PATTERN_DOTTED_DIAMOND', 'PATTERN_DOTTED_GRID', 'PATTERN_FORWARD_DIAGONAL', 'PATTERN_HORIZONTAL', 'PATTERN_HORIZONTAL_BRICK', 'PATTERN_LARGE_CHECKER_BOARD', 'PATTERN_LARGE_GRID', 'PATTERN_LIGHT_DOWNWARD_DIAGONAL', 'PATTERN_LIGHT_HORIZONTAL', 'PATTERN_LIGHT_UPWARD_DIAGONAL', 'PATTERN_LIGHT_VERTICAL', 'PATTERN_NARROW_HORIZONTAL', 'PATTERN_NARROW_VERTICAL', 'PATTERN_OUTLINED_DIAMOND', 'PATTERN_PLAID', 'PATTERN_SHADE_25', 'PATTERN_SHADE_50', 'PATTERN_SHADE_75', 'PATTERN_SHINGLE', 'PATTERN_SMALL_CHECKER_BOARD', 'PATTERN_SMALL_GRID', 'PATTERN_SOLID_DIAMOND', 'PATTERN_SPHERE', 'PATTERN_TRELLIS', 'PATTERN_VERTICAL', 'PATTERN_WAVE', 'PATTERN_WEAVE', 'PATTERN_WIDE_DOWNWARD_DIAGONAL', 'PATTERN_WIDE_UPWARD_DIAGONAL', 'PATTERN_ZIGZAG']. Accepted Values: ['PATTERN_BACKWARD_DIAGONAL', 'PATTERN_DARK_DOWNWARD_DIAGONAL', 'PATTERN_DARK_HORIZONTAL', 'PATTERN_DARK_UPWARD_DIAGONAL', 'PATTERN_DARK_VERTICAL', 'PATTERN_DASHED_DOWNWARD_DIAGONAL', 'PATTERN_DASHED_HORIZONTAL', 'PATTERN_DASHED_UPWARD_DIAGONAL', 'PATTERN_DASHED_VERTICAL', 'PATTERN_DIAGONAL_BRICK', 'PATTERN_DIAGONAL_CROSS', 'PATTERN_DIVOT', 'PATTERN_DOTTED_DIAMOND', 'PATTERN_DOTTED_GRID', 'PATTERN_FORWARD_DIAGONAL', 'PATTERN_HORIZONTAL', 'PATTERN_HORIZONTAL_BRICK', 'PATTERN_LARGE_CHECKER_BOARD', 'PATTERN_LARGE_GRID', 'PATTERN_LIGHT_DOWNWARD_DIAGONAL', 'PATTERN_LIGHT_HORIZONTAL', 'PATTERN_LIGHT_UPWARD_DIAGONAL', 'PATTERN_LIGHT_VERTICAL', 'PATTERN_NARROW_HORIZONTAL', 'PATTERN_NARROW_VERTICAL', 'PATTERN_OUTLINED_DIAMOND', 'PATTERN_PLAID', 'PATTERN_SHADE_25', 'PATTERN_SHADE_50', 'PATTERN_SHADE_75', 'PATTERN_SHINGLE', 'PATTERN_SMALL_CHECKER_BOARD', 'PATTERN_SMALL_GRID', 'PATTERN_SOLID_DIAMOND', 'PATTERN_SPHERE', 'PATTERN_TRELLIS', 'PATTERN_VERTICAL', 'PATTERN_WAVE', 'PATTERN_WEAVE', 'PATTERN_WIDE_DOWNWARD_DIAGONAL', 'PATTERN_WIDE_UPWARD_DIAGONAL', 'PATTERN_ZIGZAG', `${string}`] Default Value: '' Chart types: Wordcloud |
| backgroundPosition background-position | String | Sets the position of the background when the background-repeat value is no-repeat. Default Value: '50% 50%' Chart types: Wordcloud |
| backgroundRepeat background-repeat | Boolean, String | Sets the repeating mode for the background image. Default Value: 'repeat' Chart types: Wordcloud |
| backgroundScale background-scale | Number | Scales the background image using the specified ratio. Default Value: 1 Chart types: Wordcloud |
| band | Object | Defines the global or series styling for the outer band. Chart types: Chord |
| bold | Boolean | Sets whether the text is displayed with bold characters or not. Default Value: false Chart types: Wordcloud |
| border | Number | Sets the border width of the object. Can be a single value or a string of values, setting the values in the order "top right bottom left" Chart types: Wordcloud |
| borderAlpha border-alpha | Number | Sets the transparency level of the border on the object. Values must range between 0.0 and 1.0, with 0.0 being completely transparent and 1.0 being completely opaque. Note that values require the leading 0 before the decimal point. Default Value: 1 Introduced in: v2.1.1 Chart types: Wordcloud |
| borderBottom border-bottom | Number | Sets the object's bottom border style. Accepts solid, dashed, and dotted styles. Default Value: '' Chart types: Wordcloud |
| borderColor border-color | String | Sets the border color of the object. Default Value: '#000' Chart types: Wordcloud |
| borderLeft border-left | Number | Sets the object's left border style. Accepts solid, dashed, and dotted styles. Chart types: Wordcloud |
| borderRadius border-radius | Number | Sets the object's border radius for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A single value will affect all 4 corners; multiple values will have separate effects on each corner, with the first value affecting the top-left corner, the second value affecting the top-right corner, and so on, in a clockwise direction. A negative value will cut a corner off without rounding. Default Value: 0 Chart types: Wordcloud |
| borderRadiusBottomLeft border-radius-bottom-left | Number | Sets the object's bottom-left border radius for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A negative value will cut a corner off without rounding. Default Value: 0 Chart types: Wordcloud |
| borderRadiusBottomRight border-radius-bottom-right | Number | Sets the object's bottom-right border radius for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A negative value will cut a corner off without rounding. Default Value: 0 Chart types: Wordcloud |
| borderRadiusTopLeft border-radius-top-left | Number | Sets the object's top-left border radius for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A negative value will cut a corner off without rounding. Default Value: 0 Chart types: Wordcloud |
| borderRadiusTopRight border-radius-top-right | Number | Sets the object's top-right border radius for rounded corners. Larger values create rounder corners, while smaller values create sharper corners. A negative value will cut a corner off without rounding. Default Value: 0 Chart types: Wordcloud |
| borderRight border-right | Number | Sets the object's right border style. Accepts solid, dashed, and dotted styles. Default Value: '' Chart types: Wordcloud |
| borderTop border-top | Number | Sets the object's top border style. Accepts solid, dashed, and dotted styles. Default Value: '' Chart types: Wordcloud |
| borderWidth border-width | Number | Sets the border width of the object. Default Value: 0 Chart types: Wordcloud |
| chord | Object | Defines the global or series styling for the chords Chart types: Chord |
| class | String | Sets a class value on the object. Default Value: null Chart types: Wordcloud |
| cursor | String | Sets the cursor type when hovering over the object. Accepted Values: ['alias', 'all-scroll', 'arrow', 'auto', 'cell', 'col-resize', 'context-menu', 'copy', 'crosshair', 'default', 'e-resize', 'ew-resize', 'hand', 'help', 'move', 'n-resize', 'ne-resize', 'nesw-resize', 'no-drop', 'none', 'not-allowed', 'ns-resize', 'nw-resize', 'nwse-resize', 'pointer', 'progress', 'row-resize', 's-resize', 'se-resize', 'sw-resize', 'text', 'vertical-text', 'w-resize', 'wait'] Default Value: 'auto' Introduced in: v1.9.0 Chart types: Wordcloud |
| dataN data-n | Any | Prefix attribute or array using "data-" to define a custom token. Chart types: Wordcloud |
| fillAngle fill-angle | Number | Sets the angle of the axis along which the linear gradient is drawn. Default Value: 90 Chart types: Wordcloud |
| fillOffsetX fill-offset-x | Number | Sets an X offset to apply to the fill. Default Value: 0 Chart types: Wordcloud |
| fillOffsetY fill-offset-y | Number | Sets a Y offset to apply to the fill. Default Value: 0 Chart types: Wordcloud |
| fillType fill-type | String | Sets the background gradient fill type to either linear or radial. Accepted Values: ['linear', 'none', 'radial'] Default Value: 'linear' Chart types: Wordcloud |
| flat | Boolean | Set to true disables the chart interactivity. Default Value: false Chart types: Wordcloud |
| flow | Object | Allows you to change the appearance of the individual flow sections. Chart types: Rankflow |
| fontAngle font-angle | Number | Sets the text's angle. A positive value will rotate the object by that number of degrees clockwise, while a negative value. Chart types: Wordcloud |
| fontColor font-color | String | Sets the font color of the text. Chart types: Wordcloud |
| fontFamily font-family | String | Sets the text's font family. Chart types: Wordcloud |
| fontSize font-size | Number | Sets the text's font size. Chart types: Wordcloud |
| fontStyle font-style | String | Sets the text's font style. Accepted Values: ['normal', 'italic', 'oblique', 'none'] Chart types: Wordcloud |
| fontWeight font-weight | Number, String | Sets the text's font weight. Similar to bold. Accepted Values: ['bold', 'none', 'normal', `${string}`] Default Value: 'normal' Chart types: Wordcloud |
| gradientColors gradient-colors | String | Sets a set of colors for a complex background gradient consisting of 2 or more colors. To be used with gradient-stops. Default Value: '' Chart types: Wordcloud |
| gradientStops gradient-stops | String | Sets the gradient stops for a complex background gradient consisting of 2 or more colors. To be used with gradient-colors. Default Value: '' Chart types: Wordcloud |
| hoverState hover-state | Object | Sets the hover state styles of the object. Chart types: Wordcloud |
| id | String | Sets the id of the object. Default Value: '' Chart types: Wordcloud |
| italic | Boolean | Sets whether the text is displayed with italicized characters or not. Default Value: false Chart types: Wordcloud |
| item | Object | Defines the global or series styling for the band items. Chart types: Chord |
| itemFlow item-flow | Object | Changes the appearance of the labels on the flow sections Chart types: Rankflow |
| itemOverall item-overall | Object | Allows you to change the appearance of the labels in the overall section. Chart types: Rankflow |
| label | Object | Defines the global or series styling for the band labels. Chart types: Chord |
| labelOverall label-overall | Object | Styles the "overall" label, which is the leftmost label Chart types: Rankflow |
| lineHeight line-height | Number | Sets the height of a line box. Default Value: -1 Chart types: Wordcloud |
| maxChars max-chars | Number | Sets the maximum numbers of characters displayed in the object. The value determines how many characters will be displayed before the text is cut and appended with "..." Default Value: 0 Chart types: Wordcloud |
| mediaRules media-rules | Array.<Object> | Configure media rules. Chart types: Wordcloud |
| offsetX offset-x | Number | Sets an x-offset to apply when positioning the object. Chart types: Wordcloud |
| offsetY offset-y | Number | Sets an y-offset to apply when positioning the object. Chart types: Wordcloud |
| padding | Number | Sets the object's padding around the text. Up to four values can be entered to set the padding for all four sides, with the first value affecting the top padding, the second value affecting the right padding, and so on, in a clockwise direction. Default Value: null Chart types: Wordcloud |
| paddingBottom padding-bottom | Number | Sets the object's bottom padding around the text. Default Value: 2 Chart types: Wordcloud |
| paddingLeft padding-left | Number | Sets the object's left padding around the text. Default Value: 2 Chart types: Wordcloud |
| paddingRight padding-right | Number | Sets the object's right padding around the text. Default Value: 2 Chart types: Wordcloud |
| paddingTop padding-top | Number | Sets the object's top padding around the text. Default Value: 2 Chart types: Wordcloud |
| rankLeft rank-left | Object | Changes the appearance of the rank markers on the left side of the flow section Chart types: Rankflow |
| rankOverall rank-overall | Object | Changes the appearance of the rank markers on the overall section. Chart types: Rankflow |
| rankRight rank-right | Object | Changes the appearance of the rank markers on the right side of the flow section Chart types: Rankflow |
| rectShortcut rect-shortcut | Boolean | Used to force the library to create rectangles using a faster drawing API (instead of painting them like a closed polygon). However, using this would disable effects like rounded borders. It is a performance setting for edge cases. Default Value: false Chart types: Wordcloud |
| rtl | Boolean | Renders text right-to-left. Default value is false. Default Value: false Chart types: Wordcloud |
| text | String | Sets the text content of the object.
For wordcloud charts, sets the text to parse and create wordcloud. Use `words` to assign data to the wordcloud by word. Chart types: Wordcloud |
| textAlign text-align | String | Sets the alignment of the object. Accepted Values: ['center', 'bottom', 'left', 'middle', 'right'] Default Value: 'center' Chart types: Wordcloud |
| textAlpha text-alpha | Number | Sets the opacity on the text, with 0 being fully transparent and 1 being fully opaque. Note that decimal value requires the leading 0. Default Value: true Chart types: Wordcloud |
| textDecoration text-decoration | String | Sets the text's decoration to use underlined characters. Similar to underline. May not display properly in Mozilla Firefox when charts are rendered using SVG. Default Value: 'none' Chart types: Wordcloud |
| tick | Object | Defines the global or series styling for the ticks. Chart types: Chord |
| tooltip | Object | Configures the tooltip element, which appears when hovering over an object. Default Value: [] Chart types: Chord,Wordcloud |
| underline | Boolean | Sets whether the text is displayed with underlined characters or not. Default Value: false Chart types: Wordcloud |
| visible | Boolean | Sets the visibility of the object. Allows you to turn off the object without removing lines of JSON. Default Value: true Chart types: Wordcloud |
| zIndex z-index | Number | Sets the z position of the object. Objects with higher z indexes will appear "above" those with lower z index values. Default Value: 1 Chart types: Wordcloud |