Google visualization 如何在谷歌图表中向h轴动态添加额外值？

有人知道如何在google图表上动态地向h轴的值添加额外的值吗？类似于此图中的值：

日期是由谷歌图表添加的，但我想在某些日子添加距离。我知道你可以这样做：

hAxis: { 
    ticks: [ 
        {v:32, f:"thirty two"}, 
        {v:64, f:"sixty four"}
    ] 
}

---

但是如何动态地执行此操作？

您需要将图表选项（特别是hAxis.ticks部分）填充为数组（和/或将ticks数组保留在全局范围内），并在每次添加新的tick时重新绘制图表

看看这个小例子：

在该示例中，记号数组是全局的，您可以通过添加特定值并重新加载图表，在单击按钮时填充它：

$('button').live('click', function () {
    global_ticks.push(
        new Date(parseInt($(this).data('year'), 10), parseInt($(this).data('month'), 10))
    );

    drawChart();
});

---

您可以考虑为域（x轴）列添加“注释”列。这将允许您根据需要标记一些轴值，尽管注释中的文本显示在轴的上方而不是下方。数据表示例：

var data = new google.visualization.DataTable();
data.addColumn('string', 'Label');
data.addColumn({type: 'string', role: 'annotation'});
data.addColumn('number', 'Value');
data.addRows([
    ['Foo', null, 5],
    ['Bar', 'This!', 9],
    ['Cad', 'Also This!', 6],
    ['Fiz', null, 6],
    ['Buz', 'Not This!', 7]
]);

---

参见示例：

谢谢！没问题，它在轴线上方。我不知道可以将注释文本添加到轴，我认为只能将其添加到图表中的值。