1

我想在 Google Visualization API 的工具提示中添加一些自定义文本。我正在为百分比使用堆叠图表，并且我想为原始数字添加一些额外的值，这些值只会显示在工具提示中，而不影响图表本身。

这是我当前的代码：

  var dt = new google.visualization.DataTable(
     {
       cols: [{id: 'Year', label: 'year', type: 'string'},
              {id: 'Golf', label: '% time on golf', type: 'number'},
              {id: 'Soccer', label: '% time on soccer', type: 'number'},
             ],
       rows: [{c:[{v: '1996'}, {v: 11}, { v: 10} ]},
              {c:[{v: '1997'}, {v: 2}, { v: 10} ]},
              {c:[{v: '1998'}, {v: 2}, { v: 10} ]},
              {c:[{v: '1999'}, {v:2}, { v: 10} ]},
              {c:[{v: '2000'}, {v:7, f:'7.000'}, { v: 10} ]}
             ]
     },
   0.6
)
  var ac = new google.visualization.AreaChart(document.getElementById('visualization'));
  ac.draw(dt, {
    isStacked: true,
    width: 600,
    height: 400,
    vAxis: {title: "% of time"},
    hAxis: {title: "Year"}
  });

如何添加原始数据数字和额外的工具提示，以便当我将鼠标悬停在 1996 年的高尔夫球上时（例如），它也会显示另一个数字？

我希望我可以将行更改为如下所示：

rows: [{c:[{v: '1996'}, {v: 11, raw_value: 17}, { v: 10, raw_value: 16} ]},

然后指定要包含的工具提示的内容raw_value。

4

1 回答 1

0

刚刚找到我自己问题的答案，我会在这里写下来，以防其他人遇到同样的问题（并为其他人省去麻烦）。

答案与我希望的很接近：使用finrows为工具提示提供格式化的值。像这样：

rows: [{c:[{v: '1996'}, {v: 11, f: 17}, { v: 10, f: 16} ]},
于 2012-04-18T14:27:57.207 回答