charts - Google Charts ツールチップは、ツールチップのない最初の行でのみ機能します

Question

Google 棒グラフでツールチップを使用しようとしていますが、データテーブルの一番上の行にツールチップがない場合にのみツールチップが機能するという奇妙な問題が発生しています。

これを行うと、チャートはレンダリングされません:

function drawVisualization() {
  // Create and populate the data table.
    var data = google.visualization.arrayToDataTable([
    ['Report','Ineffective', 'Developing', 'Effective', 'Highly Effective'],
    ['Growth Rating',{v:18, f:'tooltip text'},{v:12, f:'tooltip text'},{v:66, f:'tooltip text'},{v:4, f:'tooltip text'}],
    ['Composite Rating',{v:6, f:'tooltip text'},{v:12, f:'tooltip text'},{v:58, f:'tooltip text'},{v:25, f:'tooltip text'}]
  ]);

  // Create and draw the visualization.
     new google.visualization.BarChart(document.getElementById('chart_div')).
      draw(data,
       {title:"TITLE",
        colors: ['#638FBC','#FFE17C','#FFA87C','#204C7A'],
        hAxis: {title: "Percent of Educators", viewWindow:{max:105, min:0}, titleTextStyle: {italic: false}},
        chartArea: {width: "60%"},
       isStacked: true}
      );
}

しかし、これを行うと、チャートはうまくレンダリングされます

function drawVisualization() {
  // Create and populate the data table.
    var data = google.visualization.arrayToDataTable([
    ['Report','Ineffective', 'Developing', 'Effective', 'Highly Effective'],
    ['Empty', 0 ,   0 , 0   , 0   ],
    ['Growth Rating',{v:18, f:'tooltip text'},{v:12, f:'tooltip text'},{v:66, f:'tooltip text'},{v:4, f:'tooltip text'}],
    ['Composite Rating',{v:6, f:'tooltip text'},{v:12, f:'tooltip text'},{v:58, f:'tooltip text'},{v:25, f:'tooltip text'}]
  ]);

  // Create and draw the visualization.
     new google.visualization.BarChart(document.getElementById('chart_div')).
      draw(data,
       {title:"TITLE",
        colors: ['#638FBC','#FFE17C','#FFA87C','#204C7A'],
        hAxis: {title: "Percent of Educators", viewWindow:{max:105, min:0}, titleTextStyle: {italic: false}},
        chartArea: {width: "60%"},
       isStacked: true}
      );

その余分な行を追加すると機能する理由がわかりません。

どんな助けでも大歓迎です。