Filtrer une légende Article avec Chartjs.org V2.7

Question

Je construis une série de graphiques en anneau et je voudrais supprimer le second élément de la légende, donc quand je génère la légende avec la méthode generateLegend() je veux juste pour obtenir la première valeur.

Dans le documentation il y a une option qui lit

Filtres éléments de la légende de la légende. Reçoit 2 paramètres, un élément de légende et les données de graphique

Mais je ne trouve pas d'exemple comment l'utiliser. Dans ce Pen vous pouvez voir les 2 étiquettes au milieu, je veux juste montrer la première étiquette. J'ai essayé différentes approches sans succès. Juste la suppression de l'article ne fonctionne pas pour moi parce que l'article <li> toujours là. Voici le code que j'utilise.

$id = function(id) { 
    return document.getElementById(id); 
}; 

var langDataEs = { 
    type: "doughnut", 
    data: { 
    datasets: [ 
     { 
     data: [75, 25], 
     backgroundColor: ["#8dc63f", "#1d1d1d"] 
     } 
    ], 
    labels: ["es", "learning"] 
    }, 
    options: { 
    legend: { 
     display: false, 
     /* I would like to remove the item "learning" */ 
     filter: function() { 

     }, 
    }, 
    responsive: true 
    } 
}; 

langChartEs = new Chart($id("langEs").getContext("2d"), langDataEs); 
$id("es").innerHTML = langChartEs.generateLegend(); 

Merci d'avance pour les pointeurs.

Answer 1

La fonction de filtre fonctionne exactement comme le Array.prototype.filter natif de Javascript. Il suffit donc de retourner true si vous voulez montrer la légende à un index particulier.

EDIT: La fonction de filtre entrerait dans le champ labels.

legend: { 
     display: true, 
     labels: { 
      filter: function(legendItem, data) { 
       return legendItem.index != 1 
      } 
     } 
}