Chart.js Chartjs图形未显示在颜色框中

我试图在弹出窗口（colorbox）中显示一个带虚拟值的甜甜圈图表，但它给出了错误，但如果我只是在浏览器中调用它（通过url），它会显示图形

IndexSizeError:索引或大小为负数或大于允许的数量

var DoughnutChart=[{
价值：60，
颜色：“fcc79e”
}, {
数值：30，
颜色：“beefd2”
}, {
价值：50，
颜色：“ffddfb”
}, {
价值：20，
颜色：“cdecff”
}, {
数值：90，
颜色：“fff5bc”
}];
var myDoughnutChart=新图表（document.getElementById（“canvas”）.getContext（“2d”））.Doughnut（DoughnutChart）
Chart.js需要画布具有渲染大小才能渲染。因此，您需要在
cbox\u complete
事件挂钩中进行图表初始化，而不是先进行初始化，然后打开颜色框

差不多

$(document).bind('cbox_complete', function () {
    var DoughnutChart = [{
        ...

        ...
    var myDoughnutChart = new Chart(document.getElementById("canvas").getContext("2d")).Doughnut(DoughnutChart);
});

还在等待别人的回应。