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 回答