Chart.js ne montre pas de légende

Question

Chart.js ne montre aucune légende. J'utilise la version 2.4.0, et j'ai inclus le script Chart.bundle.min.js sur mon site web.

Toutes les variables comme lineaRoja, puntos, MuPu ont été définies et les données sont affichées correctement.

Le problème est les légendes avec Falla balanceada, Mu y Pu aplicados et Diagrama M-P avec leurs couleurs respectives ne montrent pas. Seules les info-bulles lorsque je survole les points montrent.

var canvas = document.getElementById(domId); 
var ctx = canvas.getContext("2d"); 
var lineChart = new Chart(ctx, { 
     type: 'line', 
     data: { 
      datasets: [{ 
       label: 'Diagrama M-P', 
       data: puntos 
      }, { 
       label: 'Falla balanceada', 
       backgroundColor: 'rgba(0,0,0,0)', 
       borderColor: 'rgba(130,0,0,0.6)', 
       data: [{ x: 0, y: 0}, { x: lineaRoja[0], y: lineaRoja[1] }], 
       borderDash: [10, 5] 
      }, { 
       type: 'scatter', 
       data: MuPu, 
       fill: false, 
       showLine: false, 
       backgroundColor: 'rgba(0,130,0,0.6)', 
       label: 'Mu y Pu aplicados', 
       pointRadius: 6 

      }] 
     }, 
     options: { 
      animation: { duration: 0 }, 

      scales: { 
       xAxes: [{ 
        type: 'linear', 
        position: 'bottom', 
        scaleLabel: { 
        display: true, 
        labelString: 'Ton' 
        } 
       }], 
       yAxes: [{ 
       scaleLabel: { 
        display: true, 
        labelString: 'Ton m' 
       }, 
       ticks: { 
        min: 0, 
        beginAtZero: true 
       } 
      }] 
      } 
     } 
    }); 

Answer 1

Résolu, le modèle Bootstrap j'utilisais ce code avait quelque part dans ses .js

Chart.defaults.global.legend = { 
    enabled: false 
}; 

Answer 2

vous pouvez ajouter ceci dans les options.

legend: { 
    display: true 
}