Javascript 为什么'；我的ChartJS图形不能在iframe中工作吗？

我将这三个元素（CSS、JavaScript、HTML）组合在一起，将其放入我的Wix网站中，但这并不起作用。有人知道为什么它不起作用吗？因为实际上它工作得很好。问题是，网站上只显示了“89%”，而馅饼却没有显示出来。代码存储在HTML iframe中

.外部{
位置：相对位置；
宽度：600px；
高度：400px；
}
帆布{
位置：绝对位置；
}
{
位置：绝对位置；
左：50%；
转换：转换（-50%，0）；
字号：80px；
底部：0；
}

89%

变量选项1={
键入：“甜甜圈”，
数据：{
标签：[“红色”、“橙色”、“绿色”]，
数据集：[{
标签：“#投票数”，
数据：[33,33,33]，
背景颜色：[
"rgba(231,76,60,1)",，
"rgba(255,164,46,1)",，
‘rgba（46204113,1）’
],
边框颜色：[
'rgba（255，255，255，1）'，
'rgba（255，255，255，1）'，
'rgba（255，255，255，1）'
],
边框宽度：5
}]
},
选项：{
旋转：1*Math.PI，
周长：1*Math.PI，
图例：{
显示：假
},
工具提示：{
已启用：false
},
门诊百分比：95
}
}
var ctx1=document.getElementById（'chartJSContainer'）.getContext（'2d'）；
新图表（ctx1，选项1）；
var选项2={
键入：“甜甜圈”，
数据：{
标签：[“”、“紫色”和“]，
数据集：[{
数据：[88.5,1,10.5]，
背景颜色：[
“rgba（0,0,0,0）”，
“rgba（255255,1）”，
“rgba（0,0,0,0）”，
],
边框颜色：[
'rgba（0,0,0,0）'，
"rgba(46,204,113,1)",，
'rgba（0,0,0,0）'
],
边框宽度：3
}]
},
选项：{
门诊量：95，
旋转：1*Math.PI，
周长：1*Math.PI，
图例：{
显示：假
},
工具提示：{
已启用：false
}
}
}
var ctx2=document.getElementById（'secondContainer'）.getContext（'2d'）；
新图表（ctx2，选项2）；

我怀疑您只需要加载ChartJS库：

  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.js"></script>
</head>

或：

---

我看不到您在哪里加载ChartJS库文件。控制台中有哪些错误？请在此学习如何参与。

  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.js"></script>
</body>