Настройка подсказки не работает для графиков Google

Question

Я пытаюсь создать пользовательские всплывающие подсказки для диаграммы временной диаграммы Google, но я не могу получить свою пользовательскую строку для отображения. На диаграмме по-прежнему отображается всплывающая подсказка по умолчанию.

google.charts.load('current', {'packages':['timeline']}); 
google.charts.setOnLoadCallback(drawChart); 

function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Team'); 
    data.addColumn('date', 'Season Start Date'); 
    data.addColumn('date', 'Season End Date'); 
    data.addColumn({type: 'string', role: 'tooltip'}); 

    data.addRows([ 
    ['Baltimore Ravens',  new Date(2000, 8, 5), new Date(2001, 1, 5), 'my tooltip'], 
    ['New England Patriots', new Date(2001, 8, 5), new Date(2002, 1, 5), 'my tooltip'], 
    ]); 

    var options = { 
    height: 450, 
    timeline: { 
     groupByRowLabel: true 
    } 
    }; 

    var chart = new google.visualization.Timeline(document.getElementById('chart_div')); 

    chart.draw(data, options); 
} 

Вот Charts документация Google: https://developers.google.com/chart/interactive/docs/customizing_tooltip_content

JSFiddle: https://jsfiddle.net/nt12ev9h/

Что я делаю неправильно?

Answer 1

Как упоминалось в WhiteHat, мои колонки были не в порядке.

function drawChart() { 
    var data = new google.visualization.DataTable(); 
    data.addColumn('string', 'Team'); 
    data.addColumn('string', 'Time'); 
    data.addColumn({type: 'string', role: 'tooltip'}); 
    data.addColumn('date', 'Season Start Date'); 
    data.addColumn('date', 'Season End Date'); 

    data.addRows([ 
    ['Baltimore Ravens', '', 'my tooltip', new Date(2000, 8, 5), new Date(2001, 1, 5)], 
    ['New England Patriots', '', 'my tooltip', new Date(2001, 8, 5), new Date(2002, 1, 5)], 
    ]); 

Обновлено JSFiddle: https://jsfiddle.net/nt12ev9h/2/