anychart.core.gantt.Overlay.enabled | 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.data(data);
    chart.zoomLevel(1);
​
    var overlay = chart.overlay();
    overlay.id('container2');
​
    // Enable overlay option.
    overlay.enabled(true);
​
    chart.title('Enable overlay option');
    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',
                    fill: ['#1A237E', '#FFFFFF', '#D50000']
                },
                {
                    name: 'World Championships',
                    start: '2016-10-16',
                    end: '2016-10-16'
                },
                {
                    name: 'Abu Dhabi Tour',
                    start: '2016-10-20',
                    end: '2016-10-23',
                    fill: '#FFA000'
                }
            ]
        },
        {
            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',
                    fill: '#FFA000'
                }
            ]
        },
        {
            name: 'Alex Peters',
            description: 'Rider',
            activities: [
                {
                    name: 'Japan Cup',
                    start: '2016-10-23',
                    end: '2016-10-23',
                    fill: '#EF9A9A'
                }
            ]
        },
        {
            name: 'Ian Stannard',
            description: 'Rider',
            activities: [
                {
                    name: 'Paris - Tours',
                    start: '2016-10-09',
                    end: '2016-10-09',
                    fill: ['#1A237E', '#FFFFFF', '#D50000']
                },
                {
                    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',
                    fill: ['#1A237E', '#FFFFFF', '#D50000']
                },
                {
                    name: 'Japan Cup',
                    start: '2016-10-23',
                    end: '2016-10-23',
                    fill: '#EF9A9A'
                }
            ]
        },
        {
            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',
                    fill: '#FFA000'
                }
            ]
        },
        {
            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',
                    fill: '#FFA000'
                }
            ]
        },
        {
            name: 'David Lopez',
            description: 'Rider',
            activities: [
                {
                    name: 'Japan Cup',
                    start: '2016-10-23',
                    end: '2016-10-23',
                    fill: '#EF9A9A'
                }
            ]
        },
        {
            name: 'Xabier Zandio',
            description: 'Rider',
            activities: [
                {
                    name: 'Japan Cup',
                    start: '2016-10-23',
                    end: '2016-10-23',
                    fill: '#EF9A9A'
                }
            ]
        }
    ];
}

Sample meta

AnyChart Documentation

3D Area Chart (Percent)

3D Area Chart (Value)

3D Bar Chart (Percent)

3D Bar Chart (Value)

3D Column Chart (Percent)

3D Column Chart (Value)

Additional Axes (Axes and Grids)

Area Chart (Percent)

Area Chart (Value)

Bar Chart (Percent)

Bar Chart (Value)

Column Chart (Basic Charts)

Column Chart (Error Chart)

Column Chart (Percent)

Column Chart (Polar Plot)

Column Chart (Value)

Data From JSON (Working with Data)

Data From XML (Working with Data)

Drawing (Drawing Tools and Annotations)

Polar Column Chart (Percent)

Polar Column Chart (Value)

Polygon Chart (Percent)

Polygon Chart (Value)

Radar Area Chart (Percent)

Radar Area Chart (Value)

Range Column Chart (Basic Charts)

Scales (Axes and Grids)

Series Manipulation (Working with Data)

Spline Area Chart (Percent)

Spline Area Chart (Value)

Step Area Chart (Percent)

Step Area Chart (Value)

Stick Chart (Error Chart)

Stick Chart (Percent)

Stick Chart (Value)

Themes (Appearance Settings)

Vertical Area Chart (Percent)

Vertical Area Chart (Value)

Vertical Spline Area Chart (Percent)

Vertical Spline Area Chart (Value)

Vertical Step Area Chart (Percent)

Vertical Step Area Chart (Value)

Vertical Stick Chart (Percent)

Vertical Stick Chart (Value)