Charts 谷歌图表vAxis标签的自定义格式

我有一个面积图，在vAxis上我希望标签上写着#hrs。对于下面的数据，“花费的总时间”列是总分钟数的整数。我希望vAxis标签显示为#小时。例如，第一行的读数为31.3小时。我没有找到一种方法来创建一个自定义的格式化程序，在这里我可以将分钟转换成十进制小时，并附加“hrs”后缀。有什么想法吗？谢谢

var data = google.visualization.arrayToDataTable([
    ['Date', 'Deals Processed', 'Total Time Spent'],
    [ '12/17/2020', 4, 1878], 
    [ '12/18/2020', 3, 290], 
    [ '12/21/2020', 8, 2772], 
    [ '12/22/2020', 6, 1084], 
    [ '12/23/2020', 4, 1175]
]);

---

我们可以通过提供自己的

刻度来定制y轴标签

对于每个记号，我们可以使用对象表示法，并提供值（
v:
）和格式化值（
f:
）

我们还可以使用相同的方法自定义悬停点时的工具提示，

在数据表中

['12/17/2020', 4, {v: 1878, f: '31.3 hrs'}],

或者，我们可以在创建数据表后设置格式化值

data.setFormattedValue(0, 2, (1878 / 60).toFixed(1) + ' hrs');

要构建刻度，我们可以使用数据表方法-->
getColumnRange（columnIndex）


这将返回一个具有
min
和
max
属性的对象

我们可以使用它来构建
ticks
数组

  // build y-axis labels
  var range = data.getColumnRange(2);
  var max = Math.ceil(range.max / 100) * 100;
  var ticks = [];
  for (var i = 0; i <= max + 600; i = i + 600) {
    ticks.push({
      v: i,
      f: (i / 60).toFixed(0) + ' hrs'
    });
  }

//构建y轴标签
var range=data.getColumnRange（2）；
var max=数学ceil（range.max/100）*100；
var=[]；
对于（var i=0；i
  // build y-axis labels
  var range = data.getColumnRange(2);
  var max = Math.ceil(range.max / 100) * 100;
  var ticks = [];
  for (var i = 0; i <= max + 600; i = i + 600) {
    ticks.push({
      v: i,
      f: (i / 60).toFixed(0) + ' hrs'
    });
  }