google chart datatableのrowをループで表示させる方法

google chartを使って横グラフを表示させたいと考えてます。

ですが、laravel controllerから変数をbladeにもってきて、
その変数の行数によって下記arraytodableの中のrowの数を変化させたいと考えているのですが
表記方法がわからず苦戦しております。
(サンプルで言うと2004-2008年まで５行ありますが、
これを変数の行数によって変化させたい　　2009年まで６行にしたり、減らしたりしたい）

(以下例）javascript中身
!明](901072fc60e1e9a372b1429f47d1adf9.jpeg)

var data = google.visualization.arrayToDataTable([
    [       '', '売上高', '営業利益', '経常利益'],
    ['2004 年',     1000,        400,        380],
    ['2005 年',     1170,        460,        400],
    ['2006 年',      660,       1120,        900],
    ['2007 年',     1030,        540,        480],
    ['2008 年',     1350,        750,        800]
]);

var options = {
    title: '会社業績',
    vAxis: {title: '年度'}
};

var chart = new google.visualization.BarChart(document.getElementById('gct_sample_bar'));
chart.draw(data, options);

以下やってみたこと

<script type="text/javascript">

google.load('visualization', '1', {'packages':['corechart']});     
// グラフを描画する為のコールバック関数を指定
google.setOnLoadCallback(drawChart);
 
  // グラフの描画   
  function drawChart() {         

    var getAllContents = @json($getAllContents);

    // 配列からデータの生成
    var data = new google.visualization.DataTable();

    

    Object.keys(getAllContents).forEach(function(key) {
            var val = this[key]; // this は obj
          console.log(val);
            [       '', '売上高', '営業利益', '経常利益'],
    }, getAllContents);


 
    //横グラフ
    // 指定されたIDの要素に棒グラフを作成
    var chart = new google.visualization.BarChart(document.getElementById('gct_sample_bar'));    
  
    // グラフの描画
    chart.draw(data, options);
  }
  
</script>

    Object.keys(getAllContents).forEach(function(key) {
            var val = this[key]; // this は obj
          console.log(val);
            [       '', '売上高', '営業利益', '経常利益'],
    }, getAllContents);

こんな感じの書き方を使ってrowを増やすのかな、と思ったのですが
うまくいかず。。
なにかご存じでしたらご教示いただけますと幸いです。。
よろしくお願いいたします。