Javascript 不允许将顶部框架导航到数据URL:data:image/png；base64，谷歌图表中的错误

我想创建谷歌图表到png，但它不是在chrome工作。请为我提供解决方案。我不明白这段代码有什么问题，因为这段代码在Firefox中工作正常。这是我的密码-

google.charts.load("current", {packages:['corechart']});
    google.charts.setOnLoadCallback(drawChart);
    arrayData = [
        ["Element", "Percent", { role: "style" } ],
        /*["Gross Margin", 5.94, "#00aeef"],
        ["Operating Margin", 10.49, "#00aeef"],
        ["Net Profit", 19.30, "#00aeef"],
        ["Before Interest and Tax Margin (EBIT)", 21.45, "color: #00aeef"]*/
      ]
    function drawChart() {
    //console.log(arrayData);

      var data = google.visualization.arrayToDataTable(arrayData);
      var view = new google.visualization.DataView(data);
      view.setColumns([0, 1,
                       { 
                        calc: "stringify",
                         sourceColumn: 1,
                         type: "string",
                         role: "annotation" 
                       },
                       2]);
      var options = {
        title: "Profitability Indicators(%)",
        width: 555,
        height: 400,
        bar: {groupWidth: "95%"},
        legend: { position: "none" },
         vAxis: {
            baselineColor:'Black',
            textPosition: 'none',
            gridlines: {
                color: 'transparent'
            }
        }
      };
      var chart = new google.visualization.ColumnChart(document.getElementById("columnchart_values"));
      chart.draw(view, options);

      document.getElementById('columnchart_values').outerHTML = '<a href="' + chart.getImageURI() + '">Printable version</a>';
  } 

google.charts.load（“当前”{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
arrayData=[
[“元素”、“百分比”{role:“样式”}]，
/*[“毛利率”，5.94，#00aeef”]，
[“营业利润率”，10.49，#00aeef”]，
[“净利润”，19.30，#00aeef”]，
[“息税前利润（EBIT）”，21.45，“颜色：#00aeef”]*/
]
函数绘图图（）{
//console.log（arrayData）；
var data=google.visualization.arrayToDataTable（arrayData）；
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1，
{ 
计算：“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”
},
2]);
变量选项={
标题：“盈利能力指标（%）”，
宽度：555，
身高：400，
条：{groupWidth:“95%”，
图例：{位置：“无”}，
言辞：{
基线颜色：'黑色'，
text位置：“无”，
网格线：{
颜色：“透明”
}
}
};
var chart=new google.visualization.ColumnChart（document.getElementById（“ColumnChart_values”）；
图表绘制（视图、选项）；
document.getElementById（'columnchart_values'）。outerHTML=''；
} 

要澄清。。。单击已创建的链接时会出现错误-

“…etc

-否则，代码运行正常？如果是这样的话，chrum似乎就是这样工作的-不允许你“导航”到数据url-可能是安全问题是的，我在点击打印按钮时出错了，但这是代码在firefox中完美工作的原因。这是因为firefox不是chrum。必须是一个安全的事情-你需要重新考虑你如何做到这一点，我认为-是点下载的形象？如果是这样的话，有一个名为

filesaver.js

的库工作得很好