anychart.charts.Resource.hoverPoint | samples | charts | 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);
    chart.activities({hoverFill: '#8BC34A'});
    chart.title('Set hover on an activity by global index');
    chart.container('container');
    chart.draw();
​
    // Set hover point.
    chart.hoverPoint(1);
});
​
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

Polygon Chart (Percent)

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 (Polar Plot)

Area Chart (Value)

Bar Chart (Percent)

Bar Chart (Value)

Column Chart (Percent)

Column Chart (Polar Plot)

Column Chart (Value)

Data Manipulation (Working with Data)

Data Sets (Working with Data)

Drawing (Drawing Tools and Annotations)

Line Chart (Polar Plot)

Marker Chart (Polar Plot)

Overview (Polar Plot)

Polar Column Chart (Percent)

Polar Column Chart (Value)

Polygon Chart (Basic Charts)

Polygon Chart (Polar Plot)

Polygon Chart (Value)

Polyline Chart (Basic Charts)

Polyline Chart (Polar Plot)

Radar Area Chart (Percent)

Radar Area Chart (Value)

Range Column Chart (Polar Plot)

Range Selection (Stock Charts)

Scales (Axes and Grids)

Spline Area Chart (Percent)

Spline Area Chart (Value)

Step Area Chart (Percent)

Step Area Chart (Value)

Stick Chart (Percent)

Stick Chart (Value)

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)