Javascript 如何在初始化后动态更新Google可视化图表的工具提示?

Javascript 如何在初始化后动态更新Google可视化图表的工具提示?,javascript,google-visualization,Javascript,Google Visualization,当页面加载时,将呈现图形。然后,套接字发送数据以逐列更新。这样,数据在视觉上会正确更新,因为列会增长,但工具提示始终显示为零 看这把小提琴: 示例_callback()模拟页面加载后插入的数据,为列Nov插入数据。该列在视觉上不同于零,但工具提示仍然显示零 页面加载中插入的列Feb正确显示工具提示 如何在初始化后更新工具提示的值 在Chrome中检查显示值更新为100000,但格式未更新,仍然显示$0.00: 工具提示显示格式化的值,因此您只需重新格式化数据 参见示例(来自提供的小提琴) 函

当页面加载时,将呈现图形。然后,套接字发送数据以逐列更新。这样,数据在视觉上会正确更新,因为列会增长,但工具提示始终显示为零

看这把小提琴:

示例_callback()模拟页面加载后插入的数据,为列Nov插入数据。该列在视觉上不同于零,但工具提示仍然显示零

页面加载中插入的列Feb正确显示工具提示

如何在初始化后更新工具提示的值

在Chrome中检查显示值更新为100000,但格式未更新,仍然显示$0.00:

工具提示显示格式化的值,因此您只需重新格式化数据

参见示例(来自提供的小提琴)

函数绘图\u图表\u应收款(){
var data_table=new google.visualization.DataTable();
data_table.addColumn({“type”:“string”,“label”:“Mes”});
data_table.addColumn({“type”:“number”,“label”:“Ventas”});
data_table.addColumn({“type”:“number”,“label”:“Ventas”});
data_table.addColumn({“type”:“number”,“role”:“tooltip”});
数据表addRow([{v:“2015-10-01”,f:“Oct”},{v:0.0},{v:0.0},{v:0.0}]);
数据表addRow([{v:“2015-11-01”,f:“Nov”},{v:0.0},{v:0.0},{v:0.0}]);
数据表addRow([{v:“2015-12-01”,f:“Dic”},{v:0.0},{v:0.0},{v:0.0}]);
数据表addRow([{v:“2016-01-01”,f:“Ene”},{v:0.0},{v:0.0},{v:0.0}]);
数据表addRow([{v:“2016-02-01”,f:“Feb”},{v:22609.45},{v:22609.45},{v:22609.45}]);
数据表addRow([{v:“2016-03-01”,f:“Mar”},{v:0.0},{v:0.0},{v:0.0}]);
var formatter=new google.visualization.NumberFormat({decimalSymbol:“.”,groupingSymbol:“,”,前缀:“$”});
格式(数据表,1);
格式(数据表,3);
var chart=new google.visualization.ComboChart(document.getElementById('chart_received');
选项={fontSize:14,高度:320,宽度:“100%”,颜色:[“#e7e7e7”,“#95d600]”,动画:{duration:1000,启动:true,放松:“out”},图表区:{width:“100%”,高度:“80%”,hAxis:{baselineColor:“#CCCCCC”,文本样式:{color:#999999”},vAxis:{baselineColor:“#CCCC”,textPosition:{none:“无”,刻度线:[022609],网格数:{,gridlineColor:“白色”},图例:{position:“none”},工具提示:{textStyle:{color:{95d600”,fontSize:12},序列类型:“条形”,条形:{groupWidth:“90%”,系列:[{enableInteractivity:false,工具提示:“one”,dataOpacity:0.4},{type:“area”,线宽:3,pointSize:10,dataOpacity:0.7}],hasCurrency:true}
图表绘制(数据表、选项);
window.options\u chart\u received=选项;
window.data\u table\u chart\u received=数据\u table;
window.chart\u应收账款=图表;
window.formatter=格式化程序;
示例_callback();
};
load('visualization','1.0',{packages:['corechart'],回调:draw\u chart\u received});
函数示例_callback(){
窗口.数据(表)图表(应收).设定值(1,110000);;
窗口.数据(表格)图表(应收).设定值(1,210000);;
视窗.数据(表格)图表(应收帐款)设定值(1,310000);;
//重新格式化数据
window.formatter.format(window.data\u table\u chart\u,1);
window.formatter.format(window.data\u table\u chart\u,3);
window.chart\u received.draw(window.data\u table\u chart\u received,window.options\u chart\u received);
}

谢谢!这正是我需要的
function example_callback(){
  window.data_table_chart_receivable.setValue(1,1,10000); /* Bars graph */
  window.data_table_chart_receivable.setValue(1,2,10000); /* Line graph */
  window.data_table_chart_receivable.setValue(1,3,10000); /* Tooltip */

  window.chart_receivable.draw( window.data_table_chart_receivable, window.options_chart_receivable );
}