Estoy usando la última versión de d3 y necesito obtener los valores mínimo y máximo de una propiedad anidada de un objeto JSON que se ve así:
const data = { "Item1":{ "Property1": "11", "Property2": "12", }, "Item2":{ "Property1": "21", "Property2": "22", } } Para obtener el valor mínimo de Property1 , sé que no puedo usar directamente d3.min en un objeto, así que traté de convertirlo primero en una matriz haciendo lo siguiente:
const min = d3.min(d3.values(data, (d) => +d.Property1))VScode me dice que no hay errores, pero en la consola me dice que "valores" no es una función. ¿Qué tengo que hacer?
d3.values es equivalente a Object.values que toma solo un parámetro mientras veo que está pasando dos parámetros, por eso es un error. He hecho un fragmento de ejemplo para que obtenga el mínimo, para cada objeto Item, puede asignarlo para obtener el valor de propiedad1 que está en el índice 0 (hace esto nuevamente usando d3.values). Obtienes el mínimo de la propiedad1. Nota: si no hace parseInt a continuación, sus datos darán un mínimo basado en la cadena, es decir, 100 será menor que 2 (tenga cuidado con eso)
Puede haber una mejor respuesta a eso reemplazando el índice 0 con indexOf (propertyname) si tiene una matriz de Propiedades. Puedes intentarlo.
ACTUALIZACIÓN: d3.values no es compatible con d3v7, así que use Object.values en su lugar
const data = { "Item1":{ "Property1": "151", "Property2": "12", }, "Item2":{ "Property1": "21", "Property2": "22", }, "Item3":{ "Property1": "12", "Property2": "452", }, "Item4":{ "Property1": "100", "Property2": "4", } } const min = d3.min(Object.values(data).map(function(d) { return parseInt(Object.values(d)[0]);})); console.log(min); <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.4.4/d3.min.js" integrity="sha512-hnFpvCiJ8Fr1lYLqcw6wLgFUOEZ89kWCkO+cEekwcWPIPKyknKV1eZmSSG3UxXfsSuf+z/SgmiYB1zFOg3l2UQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>