Charts 为什么谷歌图表';s工具提示不';在特定的情况下不能完全工作?
我正在使用html工具提示,这很奇怪,因为只有特定的点才能正确显示工具提示 我将html工具提示用于此配置:Charts 为什么谷歌图表';s工具提示不';在特定的情况下不能完全工作?,charts,google-visualization,tooltip,Charts,Google Visualization,Tooltip,我正在使用html工具提示,这很奇怪,因为只有特定的点才能正确显示工具提示 我将html工具提示用于此配置: var dataTable = new google.visualization.DataTable(); dataTable.addColumn('number', 'Activités'); dataTable.addColumn('number', 'Niveau 1'); dataTable.addColumn('number
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('number', 'Activités');
dataTable.addColumn('number', 'Niveau 1');
dataTable.addColumn('number', 'Niveau 2');
dataTable.addColumn('number', 'Niveau 3');
dataTable.addColumn({type: 'string', role: 'tooltip', p:{html:true}});
var options = {
title: 'Activités journalières par niveau de difficulté',
hAxis: {title: "Activités", titleTextStyle: {color: '#333'},gridlines:{interval: 1}},
vAxis: {title: 'Progression en %'},
tooltip: {isHtml : true},
explorer: {actions :['dragToZoom','rightClickToReset' ]},
interpolateNulls: true,
animation:{duration : 2000, easing:'inAndOut', startup : true}
};
以下是发送到addRows的数据(抱歉,格式不太好),只需查看最后一级(niveau):
1,
20,
楠,,
楠,,
红宝石:La proportionalité
进度:20.00%
临时工:120秒
日期:2020年7月16日
,
2.
20,
楠,,
楠,,
红宝石:La proportionalité
进度:20.00%
临时工:120秒
日期:2020年7月16日
,
3.
60,
楠,,
楠,,
红宝石:La proportionalité
进度:60.00%
临时工:120秒
日期:2020年7月16日
....... 最后一级:
3.
楠,,
楠,,
60,
红宝石:La proportionalité
进度:60.00%
临时工:120秒
日期:2020年7月16日
工具提示仅在前一个值不为null(如最后一级)时显示在悬停状态
必须插入的内容,例如:
3,
60,
NaN, ???
NaN, ???
Rubrique: < b > La proportionnalité < /b><br/ > Progression: < b > 60.00 % < /b><br/ > Temps: < b > 120 secondes < /b><br/ > Date: < b > 16.07 .2020 < /b><br/ >
3,
60,
南???
南???
红宝石:La proportionalité
进度:60.00%
临时工:120秒
日期:2020年7月16日
我尝试了“”,null,'null'。不起作用
感谢您的帮助:-)如果该值为空,则没有显示点,因此没有要显示的工具提示 但您可能缺少的部分是,工具提示列角色仅应用于它后面的列。
因此,如果您想要数据表中每个系列的工具提示,
然后需要三个工具提示列 看 …列角色应用于它前面的“数据”列,无论它是紧接在它前面还是在一组连续的角色列的第一列之前。例如,在“数据”列之后可以有两列,一列用于“工具提示”,另一列用于“注释” 在发布的示例中,工具提示将仅显示在列
'Niveau 3'
如果需要每个系列的工具提示,则数据表还需要两列
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('number', 'Activités');
dataTable.addColumn('number', 'Niveau 1');
dataTable.addColumn({type: 'string', role: 'tooltip', p:{html:true}});
dataTable.addColumn('number', 'Niveau 2');
dataTable.addColumn({type: 'string', role: 'tooltip', p:{html:true}});
dataTable.addColumn('number', 'Niveau 3');
dataTable.addColumn({type: 'string', role: 'tooltip', p:{html:true}});
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('number', 'Activités');
dataTable.addColumn('number', 'Niveau 1');
dataTable.addColumn({type: 'string', role: 'tooltip', p:{html:true}});
dataTable.addColumn('number', 'Niveau 2');
dataTable.addColumn({type: 'string', role: 'tooltip', p:{html:true}});
dataTable.addColumn('number', 'Niveau 3');
dataTable.addColumn({type: 'string', role: 'tooltip', p:{html:true}});