Javascript 谷歌图表：工具提示中的图表不显示

我正在尝试使用谷歌图表在图表中显示图表，并一直在使用以下链接寻求帮助：在工具提示中放置图表

我几乎完成了，但问题是当我将鼠标悬停在主图表上时，工具提示图表的图像没有显示，实际的src=链接反而显示出来。例如：

<img src"="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAADICAYAAADGFbfiAAAYw0lEQ…DyBSCAAALpESBA0uPOVRFAAIHICxAgkR9CvgAEEEAgPQL/A4rwLGxfU1B2AAAAAElFTkSuQmCC">"

”

显示在图像应显示的位置。我使用console.log打印了图像中显示的链接，并单击了链接。图形显示良好，因此它们不会显示在工具提示中。这是我当前的代码：

    var data6Array = [
    [auditsTotal, <?php echo $audits_total;?>, 'blue'],
    [auditsInProgess, <?php echo $audits_inprogress;?>, 'orange'],
    [auditsCompleted, <?php echo $audits_completed;?>, 'green']
    ];

    <?php }?>

    var data6ToolTipArray = [['User','auditsTotal', 'auditsInProgress', 'auditsComplete']];

    var products = <?php echo json_encode($convertedAuditDataObjectsToArrays) ?>;
    for (var i =0; i < products.length; i++){
       var product = products[i];
       var tempArray = [product["userName"], product["auditsTotal"], product["auditsInProgress"], product["auditsComplete"]];
       data6ToolTipArray.push(tempArray);
    }

    var options6= {'title':'Audits',
                    hAxis: {title: 'Audits', titleTextStyle: {color: 'green'}},
                    vAxis: {title: 'Amount', titleTextStyle: {color: 'green'}},
                   'width':900,
                   'height':600,
                   tooltip: {isHTML: true}};

    var tooltipOptions = {
        title: 'User Audits',
        legend: 'none'
    };

    var data6ToolTipData = new google.visualization.arrayToDataTable(data6ToolTipArray);
    var data6ToolTipView = new google.visualization.DataView(data6ToolTipData);

     for (var i = 0; i < data6Array.length; i++) {

      // Set the view for each event's data
      data6ToolTipView.setColumns([0, i + 1]);

      var hiddenDiv = document.getElementById('chart_div6_hidden_div');
      var tooltipChart = new google.visualization.ColumnChart(hiddenDiv);

      google.visualization.events.addListener(tooltipChart, 'ready', function() {

        // Get the PNG of the chart and set is as the src of an img tag.
        console.log(tooltipChart.getImageURI());
        var tooltipImg = '<img src="' + tooltipChart.getImageURI() + '">';

        // Add the new tooltip image to your data rows.
        data6Array[i][3] = tooltipImg;

      });
      tooltipChart.draw(data6ToolTipView, tooltipOptions);
    }


    var data6 = new google.visualization.DataTable();
    data6.addColumn('string', 'Audits3');
    data6.addColumn('number', 'Audits2');
    data6.addColumn({type:'string', role: 'style'});

    // Add a new column for your tooltips.
    data6.addColumn({
      type: 'string',
      label: 'Tooltip Chart',
      role: 'tooltip',
      'p': {'html': true}
    });
    data6.addRows(data6Array);

  var chart6 = new google.visualization.ColumnChart(document.getElementById('chart_div6'));
      chart6.draw(data6, options6);

var data6Array=[
[auditsTotal，“蓝色”]，
[审核进度，“橙色”]，
[审核完成，“绿色”]
];
var data6ToolTipArray=[['User'，'auditsTotal'，'auditsInProgress'，'auditsComplete']；
var乘积=；
对于（变量i=0；i

---

只需要弄清楚为什么当我将鼠标悬停在原始图形上时工具提示图形没有显示，它让我抓狂！

在图表

选项中，
isHTML
是错误的情况

它应该是-->
工具提示：{isHtml:true}
尝试在设置img标记src的语句中转义双引号。在双引号之前使用\。例如，var tooltipImg=''；您好，谢谢您的帮助，我尝试了，但运气不佳。非常感谢您让我发疯，我应该知道这是件愚蠢的事情，感谢您的帮助！！