por qué las funciones de flecha causan errores de sintaxis en IE 11

en el código D3.js proporcionado, el error surge del uso de funciones de flecha. IE 11 no es compatible con las funciones de flecha, lo que lleva a un error de sintaxis.

resolución

para abordar este problema, reemplace las funciones de flecha con la sintaxis de funciones tradicionales. El código problemático debe reescribirse como:

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";
    });

Esto usa sintaxis de función tradicional para definir la misma lógica que las funciones de flecha original. IE 11 ahora reconocerá y ejecutará el código correctamente.