anychart.core.resource.Activities.selected set | samples | resource | 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 activities = chart.activities();
​
    // Get selected state.
    activities.selected({fill: '#FFA000'});
​
    chart.title('Set selected state 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'
                },
                {
                    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

3D Area Chart (Percent)

3D Area Chart (Value)

3D Bar Chart (Percent)

3D Bar Chart (Value)

3D Column Chart (Percent)

3D Column Chart (Value)

ASYNC Rendering (Common Settings)

Area Chart (Percent)

Area Chart (Value)

Bar Chart (Percent)

Bar Chart (Value)

Chart Plots (Stock Charts)

ColorRange (Maps)

Column Chart (Percent)

Column Chart (Value)

Data (Stock Charts)

Date and Time Formats (Gantt Chart)

Drawing (Drawing Tools and Annotations)

Legend (Stock Charts)

Localization (Common Settings)

Overview (Series)

Polar Column Chart (Percent)

Polar Column Chart (Value)

Polygon Chart (Percent)

Polygon Chart (Value)

Quick Start (Stock Charts)

Radar Area Chart (Percent)

Radar Area Chart (Value)

Range Selection (Stock Charts)

Scales (Axes and Grids)

Scales (Stock Charts)

Scroller (Stock Charts)

Spline Area Chart (Percent)

Spline Area Chart (Value)

Spline (Series)

Step Area Chart (Percent)

Step Area Chart (Value)

Step Line (Series)

Stick Chart (Percent)

Stick Chart (Value)

Table Data Model (Working with Data)

Text Formatters (Common Settings)

Title (Common Settings)

Tooltip (Common Settings)

Venn Diagram (Basic Charts)

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)