Question

我有列谷歌图表。（使用https://www.google.com/jsapi）

香蕉计数的垂直轴（例如）日期的横轴

所以，每个我的列工具提示看起来像：

20.02.2011
Bananas: 3

我需要在每列的一些文字上替换20.02.2011。

有可能吗？

UPD 我需要在每列的一些文字上替换20.02.2011。但横轴上的日期应该保持不变。

Answer 1

在不更改实际数据点的情况下执行此操作的最佳方法是通过工具提示选项。例如，将以下代码复制到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});
}

Answer 2

一个选项是使用所需的文本更改水平轴。

对于前。在此示例代码中http://code.google.com/apis/ajax/playground/?type=visualization#bar_chart Chart URL

如果您想用自定义文字替换年份，请更改

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

到

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

或

var years = ["2003:a", "2004:b", "2005:c", "2006:d", "2007:e", "2008:f"];

在Google Charts中更改工具提示数据

2 个答案: