我有3列（茶，牛奶，百事可乐）在一个表与各自的价值观被插入
当我将它与谷歌图表集成时，事情似乎部分工作正常。
我的主要问题是如何让栏目名称tea，milk，pepsi出现在横轴各自栏目的底部

这里是代码

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

google.charts.setOnLoadCallback(column_chart);

function column_chart() {
    var res = $.ajax({
    url: 'chart.php',
    dataType:"json",
    async: false,
    success: function(res)
    {
      var options = {'title':'Foods Items', 'width':800, 'height':400,
      series: {
                0: { color: 'purple' },
                1: { color: 'navy' },
              
              }
    };    
    
    var data = new google.visualization.arrayToDataTable(res);
    var chart = new google.visualization.ColumnChart(document.getElementById('columnchart_data'));
    chart.draw(data, options);
    
    }
    }).responseText;
 }
        
    <?php
    
    include('db.php');
    
    $data[] = array('Foods Items', 'Tea','Milk', 'Pepsi');   
   
    $res = $db->prepare('SELECT 
    tea AS value_tea,
    milk AS value_milk,
    pepsi AS value_pepsi FROM foods');
    $res->execute(array());

    while($row = $res->fetch()) {   
      $tea = $row['value_tea'];
      $milk = $row['value_milk'];
      $pepsi = $row['value_pepsi'];
      $fd= 'Provisions';
      $data[] = array($fd,(int)$tea,(int)$milk,(int)$pepsi);
    }
      
    echo json_encode($data);

下面的截图显示了我想添加表列名tea，milk and pepsi的位置，如箭头所示。
任何解决方案或替代方案都是可以理解的。