custom-tooltip.js

class CustomTooltip {
    init(params) {
        var eGui = this.eGui = document.createElement('div');
        var color = params.color || 'white';
        var data = params.api.getRowNode(params.rowIndex).data;
        
        eGui.classList.add('custom-tooltip');
        eGui.style['background-color'] = color;
        eGui.innerHTML =
            '<p><span class"name">' + data.athlete + '</span></p>' +
            '<p><span>Country: </span>' + data.country + '</p>' +
            '<p><span>Total: </span>' + data.total + '</p>';
    }
    
    getGui() {
        return this.eGui;
    }
}