ZoomCharts Documentation
FacetChart.settings.series.style
Custom style based on series type. See the documentation of the derived classes for available properties.
Properties
Fill color.
Fill gradient. Allows building a gradient fill, bound to values. Contains array of value-color pairs. For example: [[-20, 'rgba(0,0,255,0.4)'],[30,'rgba(255,0,0,0.7)']]. If specified fillGradientMode: "horizontal" or "vertical", then value denotes fraction of the column width and must be in interval from 0 to 1 For example: [[0,"black"],[0.5,"red"],[1, "orange"]].
Fill gradient orientation for manual fill gradient mode. In use with fillGradient property. "null" for default fillGradient mode, "vertical" for vertical gradient, "horizontal" for horizonal rendering"
Specifies the URL to the image that will be used as the repeated fill pattern for the series.
When fillPattern
is specified, fillGradient
is ignored. If fillColor
is specified together with fillPattern
, it will be
used as the background color for the pattern.
Style settings for the legend item that is rendered for the series.
Properties
View section details
Configures the marker that is shown in the legend. Note that the default (shape: null
) means that instead of the
plain marker, an icon representing the series visual style will be used.
The color used for the label of the legend item. Note that for disabled series advanced.disabledSeries.textColor
takes precedence.
Array of line dash pattern to have a dashed line. The array contains length of dash followed by length of space in pixels. A sequence of multiple dash-space values is supported. In case you want to set a solid line, pass empty array: []
Start offset of line dash, in pixels
Line gradient. Allows building a gradient line, bound to values. Contains array of value-color pairs. For example: [[-20, 'rgba(0,0,255,0.4)'],[30,'rgba(255,0,0,0.7)']]. If specified lineGradientMode: "horizontal" or "vertical", then value denotes fraction of the column width and must be in interval from 0 to 1 For example: [[0,"black"],[0.5,"red"],[1, "orange"]].
Line gradient orientation for manual line gradient mode. In use with lineGradient property. "null" for default lineGradient mode, "vertical" for vertical gradient, "horizontal" for horizonal rendering"
Width of the line.
Shadow color of column. If undefined, no shadow will be applied. Leave empty to use default shadow or set your own shadow color.
Shadow direction, x component.
Shadow direction, y component.
The series color in the tooltip. 'null' automatically determines based on existing color settings
A gradient range for tooltip color. Allows building a gradient fill, bound to values. In the case of tooltip, the tooltip will still be rendered with a solid color, but this allows easily specifying different colors depending on the tooltip value. Contains array of value-color pairs. For example: [[-20, 'rgba(0,0,255,0.4)'],[30,'rgba(255,0,0,0.7)']]. If specified fillGradientMode: "horizontal" or "vertical", then value denotes fraction of the column width and must be in interval from 0 to 1 For example: [[0,"black"],[0.5,"red"],[1, "orange"]].
What color the tooltip shadow is, as a CSS size string
What color the tooltip shadow is, as a CSS color
The maximum level of tooltip color lightness where a shadow will be drawn, between 0 and 1. Shadow will still be drawn if it is within the other threshold.
The minimum level of tooltip color lightness for a shadow to be drawn, between 0 and 1. Shadow will still be drawn if it is within the other threshold.
How big the tooltip shadow is, as a CSS size string