ZoomCharts Documentation


This section is defined by the type LinearChartSettingsSeriesStyle.

Custom style based on series type. See the documentation of the derived classes for available properties.


depth: number
Default value: 0
fillColor: string
Default value: null

Fill color.

fillGradient: GradientDefinition
Default value: null

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 - this feature is available for columns only For example: [[0,"black"],[0.5,"red"],[1, "orange"]].

fillGradientMode: "vertical" | "horizontal"
Default value: null
Introduced in version 1.18.9.

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"

fillPattern: string
Default value: null
Introduced in version 1.16.0.

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.

Introduced in version 1.13.1.

Style settings for the legend item that is rendered for the series.

Introduced in version 1.13.2.
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.

textColor: string
Default value: null
Introduced in version 1.13.1.

The color used for the label of the legend item. Note that for disabled series advanced.disabledSeries.textColor takes precedence.

lineColor: string
Default value: null
lineDash: Array<number>

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: []

lineDashOffset: number
Default value: 0

Start offset of line dash, in pixels

lineWidth: number
Default value: 1

Width of the line.

shadowColor: string
Default value: null

Shadow color of column. If undefined, no shadow will be applied. Leave empty to use default shadow or set your own shadow color.

shadowOffsetX: number
Default value: 1

Shadow direction, x component.

shadowOffsetY: number
Default value: -1

Shadow direction, y component.