Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google图表-将默认内容与工具提示的自定义HTML混合_Javascript_Charts_Google Visualization - Fatal编程技术网

Javascript Google图表-将默认内容与工具提示的自定义HTML混合

Javascript Google图表-将默认内容与工具提示的自定义HTML混合,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,正在尝试向Googlechart添加一些自定义HTML工具提示 就我所能看到的而言,我已经遵循了,但是我的自定义内容位于原始内容的中心(而不是像预期的那样覆盖原始内容) 有没有办法用原始值自定义工具提示html,或者完全覆盖工具提示内容 google.charts.load('current',{'packages':['corechart','bar']}); google.charts.setOnLoadCallback(DrubarChart); 函数名为{ var bardata=g

正在尝试向Googlechart添加一些自定义HTML工具提示

就我所能看到的而言,我已经遵循了,但是我的自定义内容位于原始内容的中心(而不是像预期的那样覆盖原始内容)

有没有办法用原始值自定义工具提示html,或者完全覆盖工具提示内容

google.charts.load('current',{'packages':['corechart','bar']});
google.charts.setOnLoadCallback(DrubarChart);
函数名为{
var bardata=google.visualization.arrayToDataTable([
['Genre','Accepted','Pending',{'type':'string','role':'tooltip','p':{'html':true}}],
[Egg Baskets',43254324,createCustomHTMLContent(234434)],
['Cheese Wedges',43434,createCustomHTMLContent(234434)],
['Bannanasanan',43434,createCustomHTMLContent(234434)];
var view=newgoogle.visualization.DataView(bardata);
变量选项={
pieHole:0.4,
系列:[
{color:'#b3d657',visibleInLegend:false},
{color:'#c1c2c3',visibleInLegend:false}
],
图例:{
位置:'底部',
对齐:“左”
},
图表区:{
左:16,
前10名,
宽度:“95%”,
身高:80%,
},
isStacked:是的,
条:{groupWidth:'60%},
焦点目标:“类别”,
工具提示:{isHtml:true},
};
var barChart=new google.visualization.ColumnChart(document.getElementById(“container div”);
绘制条形图(视图、选项);
}
函数createCustomHTMLContent(已接受、挂起){
返回“”+
+ ''
+ ''
+“自定义标题”
+ ''
+ ''
+ ''
+ ''
+“建议”
+ ''
+ ''
+未决
+ ''
+ ''
+ ''
+ ''
+“接受”
+ ''
+ ''
+接受
+ ''
+ ''
+ ''
}

以下选项导致默认工具提示和自定义工具提示混合在一起

focusTarget: 'category'
删除上述选项将允许仅显示自定义工具提示

但为了为两个系列显示相同的自定义工具提示,
您需要在数据表中包含两个自定义工具提示列

请参阅以下工作片段

google.charts.load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(DrubarChart);
函数名为{
var bardata=google.visualization.arrayToDataTable([
['Genre'、'Accepted'、{'type':'string'、'role':'tooltip'、'p':{'html':true}、'Pending'、{'type':'string'、'role':'tooltip'、'p':{'html':true}],
[Egg Baskets',4325,createCustomHTMLContent(234434),4324,createCustomHTMLContent(234434)],
['Cheese Wedges',43,createCustomHTMLContent(234434),434,createCustomHTMLContent(234434)],
['Bannanasanan',43,createCustomHTMLContent(234434),434,createCustomHTMLContent(234434)]
]);
var view=newgoogle.visualization.DataView(bardata);
变量选项={
系列:[
{color:'#b3d657',visibleInLegend:false},
{color:'#c1c2c3',visibleInLegend:false}
],
图例:{
位置:'底部',
对齐:“左”
},
图表区:{
左:16,
前10名,
宽度:“95%”,
身高:80%,
focusTarget: 'category'