class anychart.core.gantt.TimeLineHeader Improve this Doc
Extends: anychart.core.VisualBaseWithBounds
Resource Chart Timeline element.
Methods Overview
| Specific Settings | |
| level() | Level option. |
| Specific settings | |
| drawBottomLine() | Drawing of the bottom line. |
| drawLeftLine() | Drawing of the left line. |
| drawRightLine() | Drawing of the right line. |
| drawTopLine() | Drawing of the top line. |
| format() | Function to format content text. |
| holidays() | Padding settings |
| overlay() | Overlay element. |
| Advanced Text Settings | |
| maxFontSize() | Maximum font size settings. |
| minFontSize() | Minimum font size settings. |
| Coloring | |
| background() | Background settings. |
| fill() | Fill settings. |
| stroke() | Stroke settings. |
| Content Text Settings | |
| useHtml() | Use HTML option. |
| vAlign() | Text vertical align settings. |
| Interactivity | |
| enabled() | Element state (enabled or disabled). |
| Size and Position | |
| bottom() | Bottom bound settings. |
| getPixelBounds() | Returns pixel bounds. |
| height() | Height settings. |
| left() | Left bound settings. |
| maxHeight() | Maximum height. |
| maxWidth() | Maximum width. |
| minHeight() | Minimum height. |
| minWidth() | Minimum width. |
| padding() | Padding settings |
| right() | Right bound settings. |
| top() | Top bound settings. |
| width() | Width settings. |
| zIndex() | Z-index of the element. |
| Text Settings | |
| adjustFontSize() | Adjusting settings. |
| disablePointerEvents() | Pointer events settings. |
| fontColor() | Font color settings. |
| fontDecoration() | Font decoration setting. |
| fontFamily() | Font family settings. |
| fontOpacity() | Font opacity settings. |
| fontSize() | Font size settings. |
| fontStyle() | Font style settings. |
| fontVariant() | Font variant settings. |
| fontWeight() | Font weight settings. |
| hAlign() | Text horizontal align settings. |
| letterSpacing() | Text letter spacing settings. |
| lineHeight() | Text line height setting. |
| selectable() | Text selectable option. |
| textDirection() | Text direction settings. |
| textIndent() | Text indent settings. |
| textOverflow() | Text overflow settings. |
| textShadow() | Text shadow settings. |
| wordBreak() | Word break mode. |
| wordWrap() | Word-wrap mode. |
| Miscellaneous | |
| levelHeight() | Getter for the level height. |
Methods Description
adjustFontSize
- [false, false] - do not adjust (adjust is off )
- [true, false] - adjust width
- [false, true] - adjust height
- [true, true] - adjust the first suitable value.
Returns:
number - An adjusted font size.var timeLine = chart.timeLine(); var adjustFontSize = timeLine.adjustFontSize();
Note: anychart.core.gantt.TimeLineHeader#fontSize does not work when adjusting is enabled.
Params:
| Name | Type | Description |
|---|---|---|
| adjustOrAdjustByWidth | boolean | Array.<boolean> | Object | Is font needs to be adjusted in case of 1 argument and adjusted by width in case of 2 arguments. |
| adjustByHeight | boolean | Is font needs to be adjusted by height. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
background
- null/boolean - disable or enable background.
- object - sets background settings.
- string - sets background color.
Params:
| Name | Type | Description |
|---|---|---|
| settings | string | Object | null | boolean | Background settings to set |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.bottom
Returns:
number | string | undefined - Element's bottom bound setting.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| bottom | number | string | null | null | Bottom bound settings for the element. |
Returns:
anychart.core.gantt.TimeLineHeader - Returns self for method chaining.Try it:
disablePointerEvents
Returns:
boolean - The pointer events settings.var timeLine = chart.getTimeline(); var disablePointerEvents = timeLine.disablePointerEvents();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| enabled | boolean | false | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.drawBottomLine
Returns:
boolean - Drawing flag.var timeline = chart.getTimeline(); var flag = timeline.drawBottomLine();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| enabled | boolean | false | Value to set. |
Returns:
anychart.core.resource.Grid - Self instance for method chaining.Try it:
drawLeftLine
Returns:
boolean - Drawing flag.var timeline = chart.getTimeline(); var flag = timeline.drawLeftLine();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| enabled | boolean | false | Value to set. |
Returns:
anychart.core.resource.Grid - Self instance for method chaining.Try it:
drawRightLine
Returns:
boolean - Drawing flag.var timeline = chart.timeline(); var flag = timeline.drawRightLine();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| enabled | boolean | false | Value to set. |
Returns:
anychart.core.resource.Grid - Self instance for method chaining.Try it:
drawTopLine
Returns:
boolean - Drawing flag.var timeline = chart.timeline(); var flag = timeline.drawTopLine();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| enabled | boolean | false | Value to set. |
Returns:
anychart.core.resource.Grid - Self instance for method chaining.Try it:
enabled
Returns:
boolean - Element state.Try it:
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| enabled | boolean | true | Enabled state to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.if (!element.enabled()) element.enabled(true);
Try it:
fill
Returns:
anychart.graphics.vector.Fill - The fill color.var timeLine = chart.timeLine(); var fill = timeLine.fill();
Params:
| Name | Type | Description |
|---|---|---|
| color | anychart.graphics.vector.Fill | Array.<(anychart.graphics.vector.GradientKey|string)> | Color as an object, an array or a string. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Params:
| Name | Type | Description |
|---|---|---|
| color | string | Color as a string. |
| opacity | number | Color opacity. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
Params:
| Name | Type | Description |
|---|---|---|
| keys | Array.<(anychart.graphics.vector.GradientKey|string)> | Gradient keys. |
| angle | number | Gradient angle. |
| mode | boolean | anychart.graphics.vector.Rect | Object | Gradient mode. |
| opacity | number | Gradient opacity. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
Params:
| Name | Type | Description |
|---|---|---|
| keys | Array.<(anychart.graphics.vector.GradientKey|string)> | Color-stop gradient keys. |
| cx | number | X ratio of center radial gradient. |
| cy | number | Y ratio of center radial gradient. |
| mode | anychart.graphics.math.Rect | If defined then userSpaceOnUse mode, else objectBoundingBox. |
| opacity | number | Opacity of the gradient. |
| fx | number | X ratio of focal point. |
| fy | number | Y ratio of focal point. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
Params:
| Name | Type | Description |
|---|---|---|
| imageSettings | anychart.graphics.vector.Fill | Object with settings. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
fontColor
Returns:
string - Font color settings.var timeLine = chart.getTimeline(); var fontColor = timeLine.fontColor();
Params:
| Name | Type | Description |
|---|---|---|
| color | string | Font color to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
fontDecoration
Returns:
anychart.graphics.vector.Text.Decoration - Font decoration settings.var timeLine = chart.getTimeline(); var fontDecoration = timeLine.fontDecoration();
Params:
| Name | Type | Description |
|---|---|---|
| type | anychart.graphics.vector.Text.Decoration | string | Font decoration to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
fontFamily
Returns:
string - Font family settings.var timeLine = chart.getTimeline(); var fontFamily = timeLine.fontFamily();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| fontFamily | string | 'Helvetica Neue', Helvetica, sans-serif | Font family to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
fontOpacity
Returns:
number - Font opacity settings.var timeLine = chart.getTimeline(); var fontOpacity = timeLine.fontOpacity();
Params:
| Name | Type | Description |
|---|---|---|
| opacity | number | Font opacity to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
fontSize
Returns:
number - Font size settings.var timeline = chart.getTimeline(); var fontSize = timeline.fontSize();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| size | number | string | 11 | Font size to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
fontStyle
Returns:
anychart.graphics.vector.Text.FontStyle - Font style settings.var timeLine = chart.getTimeline(); var fontStyle = timeLine.fontStyle();
Params:
| Name | Type | Description |
|---|---|---|
| style | string | anychart.graphics.vector.Text.FontStyle | Font style to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
fontVariant
Returns:
anychart.graphics.vector.Text.FontVariant - Font variant settings.var timeLine = chart.getTimeline(); var fontVariant = timeLine.fontVariant();
Params:
| Name | Type | Description |
|---|---|---|
| type | string | anychart.graphics.vector.Text.FontVariant | Font variant to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
fontWeight
Returns:
string | number - Font weight settings.var timeLine = chart.getTimeline(); var fontWeight = timeLine.fontWeight();
Params:
| Name | Type | Description |
|---|---|---|
| weight | string | number | Font weight to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
format
Returns:
function | string - Token or function to format text.var format = timeLine.format();
Learn more about using the format() method.
Params:
| Name | Type | Description |
|---|---|---|
| format | function | string | Function or string token to format content text. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.getPixelBounds
Returns:
anychart.math.Rect - Pixel bounds of the element.hAlign
Returns:
anychart.graphics.vector.Text.HAlign - Horizontal align settings.var timeLine = chart.getTimeline(); var hAlign = timeLine.hAlign();
Params:
| Name | Type | Description |
|---|---|---|
| align | string | anychart.graphics.vector.Text.HAlign | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
height
Returns:
number | string | undefined - Element's height setting.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| height | number | string | null | null | Height settings for the element. |
Returns:
anychart.core.gantt.TimeLineHeader - Returns self for method chaining.Try it:
holidays
Returns:
anychart.core.gantt.TimeLineHeaderLevelHolidaysSettings - Holidays settings.Params:
| Name | Type | Description |
|---|---|---|
| settings | Object | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
left
Returns:
number | string | undefined - Element's left bound setting.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| left | number | string | null | null | Left bound setting for the element. |
Returns:
anychart.core.gantt.TimeLineHeader - Returns self for method chaining.Try it:
letterSpacing
Returns:
number - Letter spacing settings.var timeLine = chart.getTimeline(); var letterSpacing = timeLine.letterSpacing();
Params:
| Name | Type | Description |
|---|---|---|
| spacing | number | string | Letter spacing to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
level
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| index | number | 0 | Level index. |
Returns:
anychart.core.gantt.TimeLineHeader.LevelWrapper - Level settingsTry it:
- null/boolean - disable or enable level.
- object - sets level settings.
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| settings | Object | boolean | null | true | Level settings from anychart.core.gantt.TimeLineHeader.LevelWrapper |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.- null/boolean - disable or enable level by index.
- object - sets level settings by index.
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| index | number | 0 | Level index. |
| settings | Object | boolean | null | true | Level settings from anychart.core.gantt.TimeLineHeader.LevelWrapper |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.levelHeight
Returns:
number - The level height.var header = timeline.header(); var levelHeight = header.levelHeight();
Params:
| Name | Type | Description |
|---|---|---|
| height | number | Level height. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
lineHeight
Returns:
number | string - Line height settings.var timeLine = chart.getTimeline(); var lineHeight = timeLine.lineHeight();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| height | number | string | 'normal' | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
maxFontSize
Returns:
number - Maximum font size.var maxFontSize = timeLine.maxFontSize();
Params:
| Name | Type | Description |
|---|---|---|
| size | number | string | Maximum font size to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
maxHeight
Returns:
number | string | null - Element's maximum height.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| height | number | string | null | null | Maximum height to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
maxWidth
Returns:
number | string | null - Element's maximum width.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| width | number | string | null | null | Maximum width to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
minFontSize
Returns:
number - Minimum font size.var minFontSize = timeLine.minFontSize();
Params:
| Name | Type | Description |
|---|---|---|
| size | number | string | Minimum font size to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
minHeight
Returns:
number | string | null - Element's minimum height.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| height | number | string | null | null | Minimum height to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
minWidth
Returns:
number | string | null - Element's minimum width.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| width | number | string | null | null | Minimum width to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
overlay
Returns:
anychart.core.gantt.Overlay - Overlay element.var element = timeLine.overlay();
Params:
| Name | Type | Description |
|---|---|---|
| settings | Object | null | boolean | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
padding
Params:
| Name | Type | Description |
|---|---|---|
| padding | null | Array.<(number|string)> | Object | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.// all paddings 15px
timeLine.padding(15);
// all paddings 15px
timeLine.padding('15px');
// top and bottom 5px ,right and left 15px
timeLine.padding(anychart.utils.padding(5,15));Try it:
Params:
| Name | Type | Description |
|---|---|---|
| value1 | string | number | Top or top-bottom space. |
| value2 | string | number | Right or right-left space. |
| value3 | string | number | Bottom space. |
| value4 | string | number | Left space. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.// 1) top and bottom 10px, left and right 15px timeLine.padding(10, '15px'); // 2) top 10px, left and right 15px, bottom 5px timeLine.padding(10, '15px', 5); // 3) top 10px, right 15px, bottom 5px, left 12px timeLine.padding(10, '15px', '5px', 12);
Try it:
right
Returns:
number | string | undefined - Element's right bound setting.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| right | number | string | null | null | Right bound setting for the element. |
Returns:
anychart.core.gantt.TimeLineHeader - Returns self for method chaining.Try it:
selectable
Returns:
boolean - Text selectable value.var timeLine = chart.getTimeline(); var selectable = timeLine.selectable();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| enabled | boolean | false | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
stroke
Returns:
anychart.graphics.vector.Stroke - The stroke.var timeLine = chart.timeLine(); var stroke = timeLine.stroke();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| color | anychart.graphics.vector.Stroke | anychart.graphics.vector.ColoredFill | string | null | Stroke settings. | |
| thickness | number | 1 | Line thickness. |
| dashpattern | string | Controls the pattern of dashes and gaps used to stroke paths. | |
| lineJoin | string | anychart.graphics.vector.StrokeLineJoin | Line join style. | |
| lineCap | string | anychart.graphics.vector.StrokeLineCap | Line cap style. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
Params:
| Name | Type | Description |
|---|---|---|
| settings | Object | Object with stroke settings from anychart.graphics.vector.Stroke |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
textDirection
Returns:
anychart.graphics.vector.Text.Direction - Text direction settings.var timeLine = chart.getTimeline(); var textDirection = timeLine.textDirection();
Params:
| Name | Type | Description |
|---|---|---|
| type | string | anychart.graphics.vector.Text.Direction | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
textIndent
Returns:
number - Text indent settings.var timeLine = chart.getTimeline(); var textIndent = timeLine.textIndent();
Params:
| Name | Type | Description |
|---|---|---|
| indent | number | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
textOverflow
Returns:
anychart.graphics.vector.Text.TextOverflow - Text overflow settingsvar timeLine = chart.getTimeline(); var textOverflow = timeLine.textOverflow();
Params:
| Name | Type | Description |
|---|---|---|
| value | anychart.graphics.vector.Text.TextOverflow | string | Value to set |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
textShadow
Returns:
string - String representation of text shadow.var timeLine = chart.getTimeline(); var textShadow = timeLine.textShadow();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| textShadow | anychart.graphics.vector.TextShadow | string | 'none' | Text shadow to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
top
Returns:
number | string | undefined - Element's top bound setting.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| top | number | string | null | null | Top bound setting for the element. |
Returns:
anychart.core.gantt.TimeLineHeader - Returns self for method chaining.Try it:
useHtml
Returns:
boolean - UseHTML flag.var timeLine = chart.getTimeline(); var useHtml = timeLine.useHtml();
Params:
| Name | Type | Description |
|---|---|---|
| enabled | boolean | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
vAlign
Returns:
anychart.graphics.vector.Text.VAlign - Vertical align.var timeLine = chart.getTimeline(); var vAlign = timeLine.vAlign();
Params:
| Name | Type | Description |
|---|---|---|
| align | string | anychart.graphics.vector.Text.VAlign | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
width
Returns:
number | string | undefined - Element's width setting.Params:
| Name | Type | Default | Description |
|---|---|---|---|
| width | number | string | null | null | Width settings for the element. |
Returns:
anychart.core.gantt.TimeLineHeader - Returns self for method chaining.Try it:
wordBreak
Returns:
anychart.enums.WordBreak | string - Word-break mode.var wordWrap = timeLine.wordBreak();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| type | anychart.enums.WordBreak | string | 'normal' | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.timeLine.wordBreak('break-all');wordWrap
Returns:
anychart.enums.WordWrap | string - Word-wrap mode.var wordWrap = timeLine.wordWrap();
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| type | anychart.enums.WordWrap | string | 'normal' | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.timeLine.wordWrap('break-word');zIndex
Params:
| Name | Type | Default | Description |
|---|---|---|---|
| zIndex | number | 0 | Value to set. |
Returns:
anychart.core.gantt.TimeLineHeader - Self instance for method chaining.Try it:
