anychart.core.gantt.TimeLine.background get | samples | gantt | core | API Reference | AnyChart Playground

HTMLcopy

 
<div id="container"></div>

 
html, body, #container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScriptAutocompletecopy

​x
 
anychart.onDocumentReady(function () {
    var data = getData();
​
    var chart = anychart.resource();
    chart.zoomLevel(1);
    chart.data(data);
​
    var timeLine = chart.timeLine();
​
    // Get background.
    var backgroundSettings = timeLine.background();
​
    backgroundSettings.fill('#F44336');
​
    chart.title('Get and modify background');
    chart.container('container');
    chart.draw();
});
function getData() {
    return [
        {
            name: 'Vasil Kiryienka',
            description: 'Rider',
            activities: [
                {
                    name: 'World Championships',
                    start: '2016-10-12',
                    end: '2016-10-12'
                }
            ]
        },
        {
            name: 'Elia Viviani',
            description: 'Rider',
            activities: [
                {
                    name: 'Paris - Tours',
                    start: '2016-10-09',
                    end: '2016-10-09'
                },
                {
                    name: 'World Championships',
                    start: '2016-10-16',
                    end: '2016-10-16'
                },
                {
                    name: 'Abu Dhabi Tour',
                    start: '2016-10-20',
                    end: '2016-10-23'
                }
            ]
        },
        {
            name: 'Ben Swift',
            description: 'Rider',
            activities: [
                {
                    name: 'World Championships',
                    start: '2016-10-09',
                    end: '2016-10-09'
                },
                {
                    name: 'World Championships',
                    start: '2016-10-16',
                    end: '2016-10-16'
                }
            ]
        },
        {
            name: 'Michal Kwiatkowski',
            description: 'Rider',
            activities: [
                {
                    name: 'World Championships',
                    start: '2016-10-09',
                    end: '2016-10-09'
                },
                {
                    name: 'Abu Dhabi Tour',
                    start: '2016-10-20',
                    end: '2016-10-23'
                }
            ]
        },
        {
            name: 'Alex Peters',
            description: 'Rider',
            activities: [
                {
                    name: 'Japan Cup',
                    start: '2016-10-23',
                    end: '2016-10-23'
                }
            ]
        },
        {
            name: 'Ian Stannard',
            description: 'Rider',
            activities: [
                {
                    name: 'Paris - Tours',
                    start: '2016-10-09',
                    end: '2016-10-09'
                },
                {
                    name: 'World Championships',
                    start: '2016-10-16',
                    end: '2016-10-16'
                }
            ]
        },
        {
            name: 'Lars Petter Nordhaug',
            description: 'Rider',
            activities: [
                {
                    name: 'Paris - Tours',
                    start: '2016-10-09',
                    end: '2016-10-09'
                },
                {
                    name: 'Japan Cup',
                    start: '2016-10-23',
                    end: '2016-10-23'
                }
            ]
        },
        {
            name: 'Nicolas Roche',
            description: 'Rider',
            activities: [
                {
                    name: 'World Championships',
                    start: '2016-10-09',
                    end: '2016-10-09'
                },
                {
                    name: 'World Championships',
                    start: '2016-10-12',
                    end: '2016-10-12'
                },
                {
                    name: 'Abu Dhabi Tour',
                    start: '2016-10-20',
                    end: '2016-10-23'
                }
            ]
        },
        {
            name: 'Geraint Thomas',
            description: 'Rider',
            activities: [
                {
                    name: 'World Championships',
                    start: '2016-10-09',
                    end: '2016-10-09'
                },
                {
                    name: 'World Championships',
                    start: '2016-10-16',
                    end: '2016-10-16'
                }
            ]
        },
        {
            name: 'Danny van Poppel',
            description: 'Rider',
            activities: [
                {
                    name: 'World Championships',
                    start: '2016-10-09',
                    end: '2016-10-09'
                },
                {
                    name: 'World Championships',
                    start: '2016-10-16',
                    end: '2016-10-16'
                },
                {
                    name: 'Abu Dhabi Tour',
                    start: '2016-10-20',
                    end: '2016-10-23'
                }
            ]
        },
        {
            name: 'David Lopez',
            description: 'Rider',
            activities: [
                {
                    name: 'Japan Cup',
                    start: '2016-10-23',
                    end: '2016-10-23'
                }
            ]
        },
        {
            name: 'Xabier Zandio',
            description: 'Rider',
            activities: [
                {
                    name: 'Japan Cup',
                    start: '2016-10-23',
                    end: '2016-10-23'
                }
            ]
        }
    ];
}

Sample meta

AnyChart Documentation

Additional Axes (Axes and Grids)

Andrews Pitchfork (Drawing Tools and Annotations)

Data From JSON (Working with Data)

Data From XML (Working with Data)

Drawing (Drawing Tools and Annotations)

Ellipse (Drawing Tools and Annotations)

Fibonacci Arc (Drawing Tools and Annotations)

Fibonacci Fan (Drawing Tools and Annotations)

Fibonacci Retracement (Drawing Tools and Annotations)

Fibonacci Time Zones (Drawing Tools and Annotations)

General Settings (Drawing Tools and Annotations)

Horizontal Line (Drawing Tools and Annotations)

Horizontal Range (Drawing Tools and Annotations)

Infinite Line (Drawing Tools and Annotations)

Label (Drawing Tools and Annotations)

Line Chart (Basic Charts)

Line Chart (Error Chart)

Line Chart (Vertical)

Line Segment (Drawing Tools and Annotations)

Marker (Drawing Tools and Annotations)

Ray (Drawing Tools and Annotations)

Rectangle (Drawing Tools and Annotations)

Scale (Timeline)

Spline Chart (Basic Charts)

Spline Chart (Error Chart)

Step Line Chart (Basic Charts)

Step Line Chart (Error Chart)

Themes (Appearance Settings)

Timeline Chart (Basic Charts)

Trend Channel (Drawing Tools and Annotations)

Triangle (Drawing Tools and Annotations)

Vertical Line (Drawing Tools and Annotations)

Vertical Range (Drawing Tools and Annotations)