Javascript 谷歌可视化堆叠面积图:将总计添加到工具提示

Javascript 谷歌可视化堆叠面积图:将总计添加到工具提示,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我正在使用GoogleVisualization api创建一个堆叠面积图。 当用户将鼠标悬停在图表中的某个点上时,我希望它显示该位置点的总加和,以及这些点的值 第二点,我可以通过指定选项focusTarget:'category'轻松实现。我希望在工具提示中为total添加一行类似的外观和感觉 我试图通过添加一个名为Total的额外列来实现这一点,该列的值为0,但工具提示等于总和。然而,这给图例和图表本身都添加了一条空线,这在视觉上并不吸引人 我觉得这应该是现成的,但我找不到解决这个问题的办法

我正在使用GoogleVisualization api创建一个堆叠面积图。 当用户将鼠标悬停在图表中的某个点上时,我希望它显示该位置点的总加和,以及这些点的值

第二点,我可以通过指定选项
focusTarget:'category'
轻松实现。我希望在工具提示中为
total
添加一行类似的外观和感觉

我试图通过添加一个名为
Total
的额外列来实现这一点,该列的值为0,但工具提示等于总和。然而,这给图例和图表本身都添加了一条空线,这在视觉上并不吸引人

我觉得这应该是现成的,但我找不到解决这个问题的办法

如果有人知道解决这个问题的好方法,请回答。
提前感谢。

因为您已经有了“总计”列,您可以使用“系列”选项使该行消失并从图例中删除总计:

series: {
    <series index of the total>: {
         lineWidth: 0,
         pointSize: 0,
         visibleInlegend: false
    }
}
系列:{
: {
线宽:0,
点大小:0,
visibleInlegend:false
}
}

我建议将“总计”列作为您的第一个数据系列(列索引1,系列索引0),因为这将使其位于图表底部,不会干扰您的其他系列。

我也有同样的问题,在我即将发布我自己的问题时发现了这个问题和答案

不过,通过使用组合图,我可以在这方面有所改进。我把总数放在一行中(根据@asgallant的回答,这是隐藏的),因此我可以使用那里的实际值,而不是0

下面是一个例子:

google.charts.load('current',{'packages':['corechart'],'language':'nl'});
google.charts.setOnLoadCallback(drawChart5);
函数drawChart5(){
var data=google.visualization.arrayToDataTable([[,“Totaal”,“Appels”,“Peren”,“Bananen”,“schatting”],[新日期(2020,11,1),20151223614178,空],[新日期(2020,11,2),1663929572162,空],[新日期(2020,11,3),1449570429127323];
var选项={标题:“2020年12月每dag消耗量”,
titleTextStyle:{fontSize:15},
键入:“列”,
宽度:426,
身高:240,
图例:{位置:'bottom'},
系列:{0:{type:'line',color:'fff',lineWidth:0,pointSize:0,visibleInLegend:false},1:{color:'66aabb'},2:{color:'66ddee'},3:{color:'bbeeff'},4:{color:'e8f8ff'},
vAxis:{viewWindowMode:'最大化'},
图表区:{宽度:90%,左:60,右:20},
条形图:{groupWidth:'80%},
焦点目标:“类别”,
isStacked:true};
var chart=new google.visualization.ComboChart(document.getElementById('chart5');
图表绘制(数据、选项);
}


虽然看起来有点像黑客,但它做得很好。谢谢,请详细说明如何设置工具提示?我有麻烦了,代码会有帮助的。