AnyChart
API Reference
Still have questions?
Contact support
Top

class anychart.core.gantt.elements.ConnectorElement Improve this Doc

Extends: anychart.core.Base

Connector element settings.

Methods Overview

Coloring
fill()Connector fill settings.
previewStroke()Connector preview stroke settings.
stroke()Connector stroke settings.
Interactivity
normal()Normal state settings.
selected()Selected state settings.

Methods Description

fill

Getter for the connector fill.

Returns:

anychart.graphics.vector.Fill | string - Connector fill.
Setter for fill settings using function.

Params:

NameTypeDefaultDescription
fillFunctionfunction():anychart.graphics.vector.Fill
function() {
}
Function that looks like:
function(){
   // this.sourceColor - Color with type anychart.graphics.vector.Fill (directly resolvable color).
   Type is anychart.graphics.vector.Fill, anychart.graphics.vector.PatternFill. The color is set from a theme
   or palette and is determined automatically for each colorized element.
   // this.fromItem - the item of the visual element from which the connector is drawn. Type is anychart.data.Tree.DataItem or anychart.data.TreeView.DataItem
   // this.fromItemIndex - the item linear index of the visual element from which the connector is drawn. Type is number
   // this.toItem - the item of the visual element to which the connector is drawn. Type is anychart.data.Tree.DataItem or anychart.data.TreeView.DataItem
   // this.toItemIndex - the item linear index of the visual element to which the connector is drawn. Type is number
   // this.connType - connector type. Type is anychart.enums.ConnectorType
   // this.fromPeriod - the period of the visual element from which the connector is drawn. Type is object. A period object with the index
   this.periodIndex at the data point this.item, corresponding to the visual display element. Works only with anychart#ganttResource
   // this.fromPeriodIndex - the period index of the visual element from which the connector is drawn.
   // this.toPeriod - the period of the visual element to which the connector is drawn. Type is object. A period object with the index
   this.periodIndex at the data point this.item, corresponding to the visual display element. Works only with anychart#ganttResource
   // this.toPeriodIndex - the period index of the visual element to which the connector is drawn.

   return fillValue; // type anychart.graphics.vector.Fill
}

Returns:

anychart.core.ui.Timeline - Self instance for method chaining.
Setter for connector fill settings using an object or a string. Learn more about coloring.

Params:

NameTypeDefaultDescription
coloranychart.graphics.vector.Fill | !Array.<(anychart.graphics.vector.GradientKey|string)> | null
'#000090'
Fill settings.
cxnumber
X ratio of center radial gradient.
cynumber
Y ratio of center radial gradient.
opacityOrModeanychart.graphics.math.Rect
If defined then userSpaceOnUse mode, else objectBoundingBox.
opacitynumber
Opacity.
fxnumber
X ratio of focal point.
fynumber
Y ratio of focal point.

Returns:

anychart.core.gantt.elements.ConnectorElement - Self instance for method chaining.

normal

Getter for normal state settings.

Returns:

anychart.core.StateSettings - Normal state settings.
Setter for normal state settings.

Params:

NameTypeDescription
settingsObjectState settings to set.

Returns:

anychart.core.gantt.elements.ConnectorElement - Self instance for method chaining.

previewStroke

Getter for the connector preview stroke.

Returns:

anychart.graphics.vector.Stroke | string - Connector preview stroke.
See listing
var connectors = timeLine.connectors();
var previewStroke = connectors.previewStroke();
Setter for the connector preview stroke. Learn more about stroke settings.

Params:

NameTypeDescription
coloranychart.graphics.vector.Stroke | anychart.graphics.vector.ColoredFill | string | nullStroke settings.
thicknessnumberLine thickness.
dashpatternstringControls the pattern of dashes and gaps used to stroke paths.
lineJoinstring | anychart.graphics.vector.StrokeLineJoinLine join style.
lineCapstring | anychart.graphics.vector.StrokeLineCapLine cap style.

Returns:

anychart.core.gantt.elements.ConnectorElement - Self instance for method chaining.

selected

Getter for selected state settings.

Returns:

anychart.core.StateSettings - Selected state settings
Setter for selected state settings.

Params:

NameTypeDescription
settingsObjectState settings to set.

Returns:

anychart.core.gantt.elements.ConnectorElement - Self instance for method chaining.

stroke

Getter for the connector stroke settings.

Returns:

anychart.graphics.vector.Stroke | string - Connector stroke settings.
Setter for the connector stroke settings. Learn more about stroke settings.

Params:

NameTypeDefaultDescription
coloranychart.graphics.vector.Stroke | anychart.graphics.vector.ColoredFill | string | null
Stroke settings.
thicknessnumber
1
Line thickness.
dashpatternstring
Controls the pattern of dashes and gaps used to stroke paths.
lineJoinstring | anychart.graphics.vector.StrokeLineJoin
Line join style.
lineCapstring | anychart.graphics.vector.StrokeLineCap
Line join style.

Returns:

anychart.core.gantt.elements.ConnectorElement - Self instance for method chaining.
Setter for connector stroke settings using function.

Params:

NameTypeDefaultDescription
strokeFunctionfunction():anychart.graphics.vector.Stroke|anychart.graphics.vector.ColoredFill
function() {
}
Function that looks like:
function(){
   // this.sourceColor - Color with type anychart.graphics.vector.Stroke (directly resolvable color).
   Type is anychart.graphics.vector.Stroke. The color is set from a theme or palette and is determined automatically for each colorized element.
   // this.fromItem - the item of the visual element from which the connector is drawn. Type is anychart.data.Tree.DataItem or anychart.data.TreeView.DataItem
   // this.fromItemIndex - the item linear index of the visual element from which the connector is drawn. Type is number
   // this.toItem - the item of the visual element to which the connector is drawn. Type is anychart.data.Tree.DataItem or anychart.data.TreeView.DataItem
   // this.toItemIndex - the item linear index of the visual element to which the connector is drawn. Type is number
   // this.connType - connector type. Type is anychart.enums.ConnectorType
   // this.fromPeriod - the period of the visual element from which the connector is drawn. Type is object. A period object with the index
   this.periodIndex at the data point this.item, corresponding to the visual display element. Works only with anychart#ganttResource
   // this.fromPeriodIndex - the period index of the visual element from which the connector is drawn.
   // this.toPeriod - the period of the visual element to which the connector is drawn. Type is object. A period object with the index
   this.periodIndex at the data point this.item, corresponding to the visual display element. Works only with anychart#ganttResource
   // this.toPeriodIndex - the period index of the visual element to which the connector is drawn.

    return strokeValue; // type anychart.graphics.vector.Stroke
}

Returns:

anychart.core.gantt.elements.ConnectorElement - Self instance for method chaining.
Setter for connector stroke settings using object.

Params:

NameTypeDescription
settingsObjectObject with stroke settings from anychart.graphics.vector.Stroke

Returns:

anychart.core.gantt.elements.ConnectorElement - Self instance for method chaining.