javascript - 如何动态添加格式化的刻度？

Question

我有一个气泡图，我正在尝试向其中添加格式化的刻度线。我还有一个数组，其中包含我想要替换编号刻度的字符串。我的数组的示例如下:[“A”，“B”，“C”，“D”]。该数组的长度和值在运行时会有所不同，但它仍然包含字符串。预格式化的刻度范围为 1 - 数组长度。 1 将替换为“A”，2 将替换为“B”，依此类推。因为该数组仅在运行时才知道，所以我不能这样做:

hAxis: {
  ticks: [
    {v: 1, f: 'A'},
    {v: 2, f: 'B'},
    {v: 3, f: 'C'},
    {v: 4, f: 'D'}
  ]
},

如何以正确的格式输出刻度？我尝试使用 for 循环来模仿刻度格式的样式，但我做得不正确。

Answer 1

试试这个:

var input = ["A", "B", "C", "D"];

var ticks = input.map(function(item, index) {
  return { v: index + 1, f: item };
});

console.log(ticks);