Charts Mozilla插件sdk chartjs未呈现

我一直在尝试在用户使用Firefox插件加载的页面上呈现ChartJS图。我正在使用附加SDK将PageMod插入每个页面：

pageMod.PageMod({
    include: "*",
    contentScriptFile: [data.url("jquery.js"), 
    data.url("Chart.js"), 
    data.url("onPageLoad.js")]
});

在我的onPageLoad.js中，我使用jQuery插入一个HTML5画布元素，然后尝试在其上绘制图形：

var chartData = [{value:100,color:'#4C86B9',highlight:'#508CC2',label:'Blue Team'},{value:150,color:'#B9525C',highlight:'#C25660',label:'Red Team'}];

$(document).ready(function() {
    var ctx = document.getElementById("chart-area").getContext("2d");
    var myPieChart = new Chart(ctx).Pie(chartData, {responsive:true});
});

这只会导致画布在我可以看到其父div元素扩展的区域中展开，但不会渲染任何图形。因此，我知道这些库确实正在加载。我能找到的最接近的问题是，但这实际上是一个完全不同的问题。我可以简单地在画布上绘制一个矩形：

ctx.fillRect(10,20,200,100);

---

因此，如果画布本身没有问题，为什么这个ChartJS图形没有呈现？

jquery./js、chart.js和onpageload.js文件是否位于您的数据文件夹中？如果这不是问题，那么问题可能是跨域的，因此您必须通过设置内容脚本策略来解决：

您是否检查了是否调用了ready函数？我确实知道调用了ready函数，因为我可以在画布上绘制一个矩形以进行测试，我甚至可以通过console.log验证chartData设置是否正确。画布似乎调整到了我想要的图表大小，但没有呈现实际的图形。很抱歉，我没有指定-我所有的javascript文件确实都在我的数据文件夹中，我知道它们正在加载。因为chart.js在数据文件夹中，也就是说，我正在本地加载它，所以它不需要跨域策略。我想这些文件可能依赖于网络上的一些文件，所以它可能需要它。所以对任何云文件都没有依赖关系？根据这里的ChartJS文档，您只需要包含chart.js文件，而不需要任何其他依赖关系，例如jQuery。我甚至搜索了chart.js源代码，没有发现导入的迹象，所以我认为它没有任何依赖性。