firefox sdk：问题包括jquery.flot，错误说维度高度为null

Question

所以我使用了jQuery.flot库，我得到了这个Invalid dimensions for plot, widht = 700, height = 0错误。所以我尝试在绘制之前在javascript中设置高度，然后我收到一个新错误options is null

任何人都知道这可能是什么来源？

这是我的main.js：

tabs.open({
    url: "./stats.html",
    onReady: function(tab) {
        tab.attach({
            contentScriptFile: [
                "./jquery-2.1.3.min.js",
                "./jquery.flot.min.js",
                "./jquery.flot.pie.min.js",
                "./scripts.js"
            ],
            contentScriptOptions: {
                'logs': ss.storage.logs
            }
        })
    }
})

和我的script.js：

$('#today_pie').width('100%').height('500px')
$.plot('#today_pie', data, {
    series: {
        pie: {
            innerRadius: 0.5,
            show: true
        }
    }
});

Answer 1

如果有人遇到同样的问题。我通过切换到Chart.js解决了它：https://github.com/nnnick/Chart.js

它在html5中并使用画布，所以也许这就是它工作的原因。