图例仅在 page-chartjs 强制刷新时显示答案

【问题标题】：Legend only show on force refresh of page-chartjs图例仅在 page-chartjs 强制刷新时显示
【发布时间】：2018-01-30 12:16:09
【问题描述】：

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

Legends 在 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();
}

有人能找出原因吗？

【问题讨论】：

这篇文章可能对stackoverflow.com/questions/37272020/…有帮助。

标签： javascript jquery html css chart.js

【解决方案1】：

试试这样的：

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

【讨论】：

【解决方案2】：

在文档准备好之前运行你的 js。您可以通过将 js 放在页面顶部来做到这一点。但是这样做你的 DOM 元素将不可用。

【讨论】：