anychart.charts.Resource.conflicts set | samples | charts | API Reference

HTMLcopy

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

CSScopy

 
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 customCalendar = chart.calendar();
    customCalendar.availabilities([
        {
            'each': 'day',
            'from': 10,
            'to': 18,
            'isWorking': true
        },
        {
            'each': 'day',
            'from': 14,
            'to': 15,
            'isWorking': false
        }
    ]);
​
    // Set conflicts settings.
    chart.conflicts({height: 30});
​
    chart.title('Set conflicts settings');
    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'],
                    minutesPerDay: 200
                },
                {
                    name: 'World Championships',
                    start: '2016-10-09',
                    end: '2016-10-09',
                    minutesPerDay: 300
                },
                {
                    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