我想在 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
。