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: