Google visualization Google柱形图X轴标签与值不同

我想创建带有X轴数值1、2、3、4的柱状图。。。当然，N和Y值在每列上都不同。 我不知道如何将条形图下X线上的标签更改为字符串。例如-1可以标记为大象，2可以标记为马等

我可以使用字符串作为X值，但是没有办法让缩放工作。至少，我没有找到任何方法让它工作

简单的字符串示例，我希望实现与此相同的外观，但在X轴上使用数值

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

function drawBasic() {

  var data = new google.visualization.DataTable();
  data.addColumn('number', 'animal');
  data.addColumn('number', 'count');

  data.addRows([
    ['Elephant', 5],
    ['Horse', 2],
    ['Dog', 7],
    ['Cat', 4],
  ]);

  var options = {
  explorer: {
        axis: 'horizontal',
        keepInBounds: true,
},

    title: 'Testing',
    hAxis: {
      title: 'Animal',
    },
    vAxis: {
      title: 'number'
    }
  };

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

  chart.draw(data, options);
}

图表应如下所示，但使用工作缩放： 要在轴上使用字符串标签，
您需要提供自己的

标记

使用对象表示法，提供值（

v:

）和格式化值（

f:

）

请参阅以下工作片段

google.charts.load（'current'{
回拨:，
软件包：['corechart']
});
函数（SIC）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，'animal'）；
data.addColumn（'number'，'count'）；
data.addRows([
[1, 5],
[2, 2],
[3, 7],
[4, 4]
]);
变量选项={
探索者：{
轴：“水平”
},
标题:"测试",，
哈克斯：{
滴答声：[
{v:1，f:'大象'}，
{v:2，f:'马'}，
{v:3，f:'狗'}，
{v:4，f:'猫'}
],
标题:"动物",，
},
言辞：{
标题：“数字”
}
};
var chart=新的google.visualization.ColumnChart(
document.getElementById（'chart\u div'）
);
图表绘制（数据、选项）；
}

{v: 1, f: 'Elephant'}