Angularjs Chrome无法使用<；正确呈现谷歌图表（堆叠条形图）；基本href="/&引用&燃气轮机；标签

我有一个Angularjs应用程序，它在标题中使用

来显示漂亮的URL。此

base

标记似乎导致我的谷歌图表（堆叠条形图）在堆叠条形图之外流动

下面是它在其他浏览器中的外观。

在Chrome中，它看起来像这样

你可以用这个小玩意儿来测试一下。用Chrome打开这个。

如果我移除

base

标记，Chrome将正确渲染它。这里发生了什么？我如何解决这个问题？

已经在GitHub存储库中报告了

解决方法是在包含

剪辑路径

属性的所有元素中的哈希之前添加

窗口位置

：

工作示例

google.charts.load（'41'，{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var dataTable=new google.visualization.dataTable（）；
addColumn（'string'，'test'）；
//每个栏的一列（每个栏有一个数据点）
dataTable.addColumn（'number'，'test'）；
addColumn（{type:'string'，role:'style'}）；
dataTable.addColumn（'number'，'test'）；
addColumn（{type:'string'，role:'style'}）；
dataTable.addColumn（'number'，'test'）；
addColumn（{type:'string'，role:'style'}）；
dataTable.addRows([
[“测试”，
58,
'颜色：#59a9c0'，//天蓝色
7.
'颜色：#4ab87b'，//海绿色
5.
'颜色：灰色'
]
]);
//设置图表选项
变量选项={
工具提示：{触发器：'选择'}，
图例：“无”，
isStacked：是的，
哈克斯：{
视图窗口：{
民:35,，
最高：80
},
记号：[35,40,45,50,55,58,60,65,70]//在每个指定点显示标签
}
};
var chart=new google.visualization.BarChart（document.getElementById（'BarChart_stacked'）；
google.visualization.events.addListener（图表'ready'，fixChart）；
图表绘制（数据表、选项）；
}
函数fixChart（）{
$（“[clip path]”）。每个（函数（）{
var fixedClipPath=$（this.attr（'clip-path'）.replace（'#'，window.location+'#'）；
$（this）.attr（'clip-path'，fixedClipPath）；
});
}

冻结43版工作。（请参阅此处的说明：）

---

该代码片段在Firefox 41.0中错误地显示了图表。

function fixChart() {
    $('[clip-path]').each(function () {
        var fixedClipPath = $(this).attr('clip-path').replace('#', window.location + '#');
        $(this).attr('clip-path', fixedClipPath);
    });
}