Charts 谷歌多系列组合图,如何添加自定义HTML工具提示

Charts 谷歌多系列组合图,如何添加自定义HTML工具提示,charts,google-visualization,iccube-reporting,Charts,Google Visualization,Iccube Reporting,我有谷歌组合图,喜欢添加一个工具提示。icCube文档提供了一个如何添加HTML工具提示的示例,但这不适用于系列,只有系列中的最后一项才能获得工具提示。我找到了一个答案如何做到这一点,看看这个 但是如何在icCube中实现这一点呢?对于google图表,您可以参考特定图表的 对于大多数情况,工具提示位于“系列”列之后 要拥有多个系列,每个系列都有自己的自定义html工具提示, 在每个系列列之后添加一列 注意:要使自定义html工具提示正常工作,必须准备好以下内容 列必须具有属性-->html:t

我有谷歌组合图,喜欢添加一个工具提示。icCube文档提供了一个如何添加HTML工具提示的示例,但这不适用于系列,只有系列中的最后一项才能获得工具提示。我找到了一个答案如何做到这一点,看看这个


但是如何在icCube中实现这一点呢?

对于google图表,您可以参考特定图表的

对于大多数情况,工具提示位于“系列”列之后

要拥有多个系列,每个系列都有自己的自定义html工具提示,
在每个系列列之后添加一列

注意:要使自定义html工具提示正常工作,必须准备好以下内容

列必须具有属性-->
html:true

dataTable.addColumn({type:'string',role:'tooltip',p:{html:true}})

配置选项必须包括

工具提示:{isHtml:true}

请参见下面的工作代码段,工具提示列最初作为
null

然后根据系列列中的值生成工具提示

google.charts.load('current'{
回调:函数(){
var container=document.getElementById('chart_div');
var chart=新的google.visualization.ComboChart(容器);
var dataTable=new google.visualization.dataTable();
addColumn({type:'string',label:'Year'});
//系列0
addColumn({type:'number',label:'Category A'});
addColumn({type:'string',role:'tooltip',p:{html:true}});
//系列1
addColumn({type:'number',label:'Category B'});
addColumn({type:'string',role:'tooltip',p:{html:true}});
//系列2
addColumn({type:'number',label:'Category C'});
addColumn({type:'string',role:'tooltip',p:{html:true}});
dataTable.addRows([
['2014',1000,空,2000,空,3000,空],
['2015',2000,空,4000,空,6000,空],
['2016',3000,空,6000,空,9000,空],
]);
对于(var i=0;i
.ggl工具提示{
边框:1px实心#e0;
字体系列:Arial,Helvetica;
字号:10pt;
填充:12px 12px 12px 12px;
}
.ggl工具提示范围{
字体大小:粗体;
}


当您执行添加列时,计算机如何知道哪个工具提示列对应于哪个系列?使用工具提示角色设置工具列,但不选择要表示的列。这只是他们点的菜吗?我明白了。这并不明显。