Tengo esta matriz de objetos.
const data = [ {id: 0, type: "inc", amount: 3000}, {id: 1, type: "exp", amount: 1500} ]Cuando paso estos datos a una función circular d3
const pie = d3.pie().value(d => d.amount); la entrada inc tendrá index: 0 mientras que la entrada exp tendrá index: 1 . Según tengo entendido, d3 asigna de forma predeterminada el index valor más grande 0, lo que significa que startAngle será 0 para el valor más grande y continúa en orden descendente de los valores.
En mi caso, la aplicación puede cambiar el monto de cualquiera de las dos entradas. El comportamiento predeterminado de d3 intercambia el orden de inc y exp en el gráfico circular una vez que la cantidad de exp supera la de inc . Quiero que la entrada de tipo inc comience siempre desde startAngle 0, incluso si la cantidad de la entrada exp supera la de la entrada inc . ¿Cómo puedo conseguir esto?
Para aquellos que estén interesados en la respuesta, resultó que puede definir una función de compare dentro del método de sort de la función pie de esta manera
const pie = d3.pie().value(d => d.amount).sort((a) => { if (a.type === 'inc') { return -1; } else { return 1; } }); Esto mantendrá la entrada inc con index: 0 todo el tiempo, independientemente del valor de la amount en comparación con la entrada exp