anychart.charts.Resource.calendar get | samples | charts | API Reference | AnyChart Playground

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);
​
    // Get calendar.
    var customCalendar = chart.calendar();
​
    customCalendar.availabilities([
        {
            'each': anychart.enums.AvailabilityPeriod.DAY,
            'from': 10,
            'to': 16,
            'isWorking': true
        },
        {
            'each': anychart.enums.AvailabilityPeriod.DAY,
            'from': 12,
            'to': 13,
            'isWorking': false
        }
    ]);
​
    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": 300
                },
                {
                    "name": "World Championships",
                    "start": '2016-10-16',
                    "end": '2016-10-16',
                    "minutesPerDay": 340
                },
                {
                    "name": "Abu Dhabi Tour",
                    "start": '2016-10-20',
                    "end": '2016-10-23',
                    "fill": "#FFA000",
                    "minutesPerDay": 747
                }
            ]
        },
        {
            "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',
                    "minutesPerDay": 340
                }
            ]
        },
        {
            "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",
                    "minutesPerDay": 747
                }
            ]
        },
        {
            "name": "Alex Peters",
            "description": "Rider",
            "activities": [
                {
                    "name": "Japan Cup",
                    "start": '2016-10-23',
                    "end": '2016-10-23',
                    "fill": "#EF9A9A",
                    "minutesPerDay": 300
                }
            ]
        },
        {
            "name": "Ian Stannard",
            "description": "Rider",
            "activities": [
                {
                    "name": "Paris - Tours",
                    "start": '2016-10-09',
                    "end": '2016-10-09',
                    "fill": ["#1A237E", "#FFFFFF", "#D50000"],
                    "minutesPerDay": 300
                },
                {
                    "name": "World Championships",
                    "start": '2016-10-16',
                    "end": '2016-10-16',
                    "minutesPerDay": 340
                }
            ]
        },
        {
            "name": "Lars Petter Nordhaug",
            "description": "Rider",
            "activities": [
                {
                    "name": "Paris - Tours",
                    "start": '2016-10-09',
                    "end": '2016-10-09',
                    "fill": ["#1A237E", "#FFFFFF", "#D50000"],
                    "minutesPerDay": 300
                },
                {
                    "name": "Japan Cup",
                    "start": '2016-10-23',
                    "end": '2016-10-23',
                    "fill": "#EF9A9A",
                    "minutesPerDay": 300
                }
            ]
        },
        {
            "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",
                    "minutesPerDay": 747
                }
            ]
        },
        {
            "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',
                    "minutesPerDay": 340
                }
            ]
        },
        {
            "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',
                    "minutesPerDay": 340
                },
                {
                    "name": "Abu Dhabi Tour",
                    "start": '2016-10-20',
                    "end": '2016-10-23',
                    "fill": "#FFA000",
                    "minutesPerDay": 747
                }
            ]
        },
        {
            "name": "David Lopez",
            "description": "Rider",
            "activities": [
                {
                    "name": "Japan Cup",
                    "start": '2016-10-23',
                    "end": '2016-10-23',
                    "fill": "#EF9A9A",
                    "minutesPerDay": 300
                }
            ]
        },
        {
            "name": "Xabier Zandio",
            "description": "Rider",
            "activities": [
                {
                    "name": "Japan Cup",
                    "start": '2016-10-23',
                    "end": '2016-10-23',
                    "fill": "#EF9A9A",
                    "minutesPerDay": 300
                }
            ]
        }
    ];
}

Sample meta

AnyChart Documentation