图例仅显示强制刷新页面图表

Question

  

我对chart-js有一个奇怪的问题   每当我的页面加载图例时都没有显示，但每当我使用ctrl+F5图例强制刷新页面时都会显示。

     

传说完全适用于mozilla但不适用于Chrome

function RefreshMediaTypeChart(fields, colorCodes, dataValues) {
var ctx = document.getElementById("chartuser");
ctx.height=160; 
var data = {
    labels:
        fields,
    datasets: [{
        data: dataValues,
        backgroundColor: colorCodes,
        hoverBackgroundColor:colorCodes
    }]
};

var canvasDoughnut = new Chart(ctx, {
    type: 'doughnut',
    tooltipFillColor: "rgba(51, 51, 51, 0.55)",
    data: data,
    otpions: {            
       legend:{
           display:true
       }
    }
});

var legend =canvasDoughnut.generateLegend();
}

有人能弄明白为什么吗？

Answer 1

尝试这样的事情：

datasets: [{
    label: 'Legend Name',
    data: dataValues,
    backgroundColor: colorCodes,
    hoverBackgroundColor:colorCodes
}]

Answer 2

在文档准备好之前运行你的js。您可以将js放在页面顶部来完成此操作。但是这样做不会提供你的DOM元素。