Pourquoi les fonctions Arrow provoquent des erreurs de syntaxe dans IE 11

Dans le code d3.js fourni, l'erreur découle de l'utilisation des fonctions Arrow. IE 11 ne prend pas en charge les fonctions Arrow, conduisant à une erreur de syntaxe.

Résolution

Pour résoudre ce problème, remplacez les fonctions Arrow par la syntaxe des fonctions traditionnelles. Le code problématique doit être réécrit comme:

g.selectAll(".mainBars")
    .append("text")
    .attr("x", function (d) {
        return d.part == "primary" ? -40 : 40;
    })
    .attr("y", function (d) {
        return  6;
    })
    .text(function (d) {
        return d.key;
    })
    .attr("text-anchor", function (d) {
        return d.part == "primary" ? "end" : "start";
    });

Ceci utilise la syntaxe de fonction traditionnelle pour définir la même logique que les fonctions flèches d'origine. IE 11 reconnaîtra et exécutera désormais correctement le code.