Javascript 如何在Google ColumnChart中放置图标

我有一个有一列的柱形图栏，我想在它上面放一个图标。这个栏是随机动态变化的。我检查了互联网上的一些资源和谷歌图表API，但找不到解决方案。有什么方法可以做到这一点吗？下面你可以看到属于我的图表的代码

这是一个演示，让您了解我的网格和图表

这是我期待看到的

我试图在下面生成此柱状图的内容

TS文件

    title= 'Temperature';
      type = 'ColumnChart';
      data= [['',25]];
      columnNames= ['Element', 'Temperature'];
      options= {
        backgroundColor: '#fafafa',
        legend: {position: 'none'},
        animation: {
          duration: 250,
          easing: 'ease-in-out',
          startup: true,
        },
        bar: {
          groupWidth: 50
      },
      hAxis: {
        baselineColor: 'none',
        ticks: []
      },
      vAxis: {
        baselineColor: 'none',
        ticks: [],
        viewWindow: {
          max:40,
          min:0
        }
      }
    }
       width=100;
       height=300;
ngOnInit()
{
   interval(2000).subscribe(()=>{
      this.data = [
      ['', (Math.random() * 41)],
    ];
    });
}

  <div style="border-style:solid;border-width:1px;">
              <google-chart #chart 
              [title]="title"
              [type]="type"
              [data]="data"
              [columnNames]="columnNames"
              [options]="options"
              [width]="width"
              [height]="height"
              >
              </google-chart>
          </div>

HTML文件

    title= 'Temperature';
      type = 'ColumnChart';
      data= [['',25]];
      columnNames= ['Element', 'Temperature'];
      options= {
        backgroundColor: '#fafafa',
        legend: {position: 'none'},
        animation: {
          duration: 250,
          easing: 'ease-in-out',
          startup: true,
        },
        bar: {
          groupWidth: 50
      },
      hAxis: {
        baselineColor: 'none',
        ticks: []
      },
      vAxis: {
        baselineColor: 'none',
        ticks: [],
        viewWindow: {
          max:40,
          min:0
        }
      }
    }
       width=100;
       height=300;
ngOnInit()
{
   interval(2000).subscribe(()=>{
      this.data = [
      ['', (Math.random() * 41)],
    ];
    });
}

  <div style="border-style:solid;border-width:1px;">
              <google-chart #chart 
              [title]="title"
              [type]="type"
              [data]="data"
              [columnNames]="columnNames"
              [options]="options"
              [width]="width"
              [height]="height"
              >
              </google-chart>
          </div>

---

您可以使用图表方法添加图标

getChartLayoutInterface（）

&

getBoundingBox（）

在图表的

'ready'

事件中，找到条形图的位置，
然后放置图像

虽然没有角度，但其工作原理相同，
请参阅以下工作片段

google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'X'）；
data.addColumn（'number'，'Y'）；
data.addRows([
[{v:'a'，p:{thumb:'clone_old.png'}，20]，
[{v:'b'，p:{thumb:'boba_fett.png'}，15]，
[{v:'c'，p:{thumb:'jango_fett.png'}，30]，
[{v:'d'，p:{thumb:'clone_3.png'}，5]，
[{v:'e'，p:{thumb:'clone_2.png'}，25]
]);
变量选项={
图例：“无”
};
var container=document.getElementById（'chart_div'）；
var containerBounds=container.getBoundingClientRect（）；
var chart=新的google.visualization.ColumnChart（容器）；
google.visualization.events.addListener（图表'ready'，函数（）{
var chartLayout=chart.getChartLayoutInterface（）；
对于（var i=0；i
您可以使用图表方法添加图标
getChartLayoutInterface（）
&
getBoundingBox（）

在图表的
'ready'
事件中，找到条形图的位置，

然后放置图像

虽然没有角度，但其工作原理相同，

请参阅以下工作片段


google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'X'）；
data.addColumn（'number'，'Y'）；
data.addRows([
[{v:'a'，p:{thumb:'clone_old.png'}，20]，
[{v:'b'，p:{thumb:'boba_fett.png'}，15]，
[{v:'c'，p:{thumb:'jango_fett.png'}，30]，
[{v:'d'，p:{thumb:'clone_3.png'}，5]，
[{v:'e'，p:{thumb:'clone_2.png'}，25]
]);
变量选项={
图例：“无”
};
var container=document.getElementById（'chart_div'）；
var containerBounds=container.getBoundingClientRect（）；
var chart=新的google.visualization.ColumnChart（容器）；
google.visualization.events.addListener（图表'ready'，函数（）{
var chartLayout=chart.getChartLayoutInterface（）；
对于（var i=0；i

@Tim--请使用投票按钮附近的复选标记将此答案标记为已接受，好吗？这将允许我将其他问题标记为这一问题的副本…@Tim——请使用投票按钮附近的复选标记将此答案标记为已接受？这将允许我将其他问题标记为此问题的副本。。。