Html 向google可视化图表添加图像

如何在谷歌可视化图表中添加图像

下面是我正在尝试的脚本

google.setOnLoadCallback（绘图图）；
函数绘图图（）{
var container=document.getElementById（'example4.2'）；
var chart=newgoogle.visualization.Timeline（容器）；
var dataTable=new google.visualization.dataTable（）；
addColumn（{type:'string'，id:'Role'}）；
addColumn（{type:'string'，id:'Name'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
[“总统”，“乔治·华盛顿”，新日期（0,0,0,12,0,0），新日期（0,0,0,12,3,0）]，
[‘总统’、‘约翰·亚当斯’、新日期（0,0,0,12,3,3）、新日期（0,0,0,12,14,0）]，
[“总统”，“托马斯·杰斐逊”，新日期（0,0,0,12,15,1），新日期（0,0,0,12,28,0）]，
[“主席”，新日期（0,0,0,13,0,0），新日期（0,0,0,13,0,0）]
]);
变量选项={
时间线：{groupByRowLabel:true}，
allowHTML:是的，
避免重叠网格线：false
};
图表绘制（数据表、选项）；
}

<代码> >允许HTML > <代码>选项不支持<代码>谷歌.Visual.TimeLINK< /Cord>对象，但一旦图表呈现如下示例，您可以考虑定制SVG（插入图像到BAR中）：


google.load（'visualization'，'1.0'{
“包”：[“时间线”，“带注释的时间线”]
});
setOnLoadCallback（drawChart）；
函数绘图图（）{
var container=document.getElementById（'example4.2'）；
var chart=newgoogle.visualization.Timeline（容器）；
var dataTable=new google.visualization.dataTable（）；
addColumn（{type:'string'，id:'Role'}）；
addColumn（{type:'string'，id:'Name'}）；
addColumn（{type:'date'，id:'Start'}）；
addColumn（{type:'date'，id:'End'}）；
dataTable.addRows([
[“总统”，“乔治·华盛顿”，新日期（1789年3月30日），新日期（1797年2月4日）]，
[‘总统’、‘约翰·亚当斯’、新日期（1797年2月4日）、新日期（1801年2月4日）]，
[“总统”，“托马斯·杰斐逊”，新日期（1801年2月4日），新日期（1809年2月4日）]；
变量选项={
时间线：{groupByRowLabel:false}
};
图表绘制（数据表、选项）；
配置图表（）；
}
函数配置图（）{
var chartContainer=document.getElementById（'example4.2'）；
var svg=chartContainer.getElementsByTagName（'svg'）[0]；
var barLabels=svg.querySelectorAll（“text[text-anchor='start']”）；
对于（var i=0；i


使用
新的google.visualization.PatternFormat
，它是否适用于图像？如何将图像添加为图表的第二个变量？如果你愿意，我可以提出一个问题@瓦迪姆尼斯。当您将鼠标悬停在该条上时，文本将重置为x:0。你知道怎么解决这个问题吗？