Charts 更改Google图表中的工具提示数据

Charts 更改Google图表中的工具提示数据,charts,tooltip,Charts,Tooltip,我有谷歌图表。(使用) 香蕉计数的垂直轴(例如) 日期的水平轴 因此,每个“我的列”工具提示如下所示: 20.02.2011 Bananas: 3 我需要将2011年2月20日的部分内容替换为我在各栏中的文字 可能吗 UPD 我需要将2011年2月20日的部分内容替换为我在各栏中的文字。 但是横轴上的日期应该保持原样。一个选项是用所需的文本更改横轴 例如。 在这个示例代码中 如果要用自定义文本替换年份,请更改 var years = [2003, 2004, 2005, 2006, 2007

我有谷歌图表。(使用)

香蕉计数的垂直轴(例如) 日期的水平轴

因此,每个“我的列”工具提示如下所示:

20.02.2011
Bananas: 3
我需要将2011年2月20日的部分内容替换为我在各栏中的文字

可能吗

UPD 我需要将2011年2月20日的部分内容替换为我在各栏中的文字。
但是横轴上的日期应该保持原样。

一个选项是用所需的文本更改横轴

例如。 在这个示例代码中

如果要用自定义文本替换年份,请更改

var years = [2003, 2004, 2005, 2006, 2007, 2008];
要么

var years = ["a", "b", "c", "d", "e", "f"];


在不更改实际数据点的情况下执行此操作的最佳方法是通过工具提示选项。例如,将以下代码复制到google的可视化平台

function drawVisualization() {
    data = new google.visualization.DataTable()
    data.addColumn('string', 'Date');
    data.addColumn('number');
    data.addColumn({type:'string',role:'tooltip'});
    data.addRow();
    base = 10;
    data.setValue(0, 0, 'Datapoint1');
    data.setValue(0, 1, base++);
    data.setValue(0, 2, " This is my tooltip1 ");

    data.addRow();
    data.setValue(1, 0, 'Datapoint2');
    data.setValue(1, 1, base++);
    data.setValue(1, 2, "This is my second tooltip2");

    // Draw the chart.
    var chart = new google.visualization.BarChart(document.getElementById('visualization'));
    chart.draw(data, {legend:'none', width:600, height:400});
}
function drawVisualization() {
    data = new google.visualization.DataTable()
    data.addColumn('string', 'Date');
    data.addColumn('number');
    data.addColumn({type:'string',role:'tooltip'});
    data.addRow();
    base = 10;
    data.setValue(0, 0, 'Datapoint1');
    data.setValue(0, 1, base++);
    data.setValue(0, 2, " This is my tooltip1 ");

    data.addRow();
    data.setValue(1, 0, 'Datapoint2');
    data.setValue(1, 1, base++);
    data.setValue(1, 2, "This is my second tooltip2");

    // Draw the chart.
    var chart = new google.visualization.BarChart(document.getElementById('visualization'));
    chart.draw(data, {legend:'none', width:600, height:400});
}