Creación de las coordenadas en el gráfico
Contenido del curso
Creación de las coordenadas en el gráfico
Contenido del curso
Diana Martinez
Hola, sin duda el componente del gráfico es el más interesante pero también el más complicado del curso, si sienten que es demasiado para ustedes, no hay ningún problema en saltarse hasta las clases del próximo componente si es necesario.
Recuerden que siempre pueden tomar el código del repositorio del curso si es necesario.
Sergio Castro García
noooooooooooo esta muy interesante profesora, y lo enseñas de forma muy digerible
Sam Leonetti
Para que se utilizan los "..." delante de amounts.value (Min 16:34) ??
Santiago Gil
Santiago Gil
Para los que tengan la misma duda, acá ahondo un poco más acerca del spread operator:
https://flower-timpani-138.notion.site/Spread-Operator-b2d18a34e1964b81bfa2ed030e2e6149
Yefreilee Danny Samuel Parra
Quede loco con esta clase xD, espero en algún momento poder saber tanto como la profe xD
JOSE MANUEL MONTAÑO SAENZ
Si el objetivo es entrar a cada uno de los valores que el array de amounts trae, ¿por que se usa reducer() y no map()?
Roberto Dirier Aguilar R
La función reduce() se utiliza en lugar de map() cuando el objetivo es obtener un único valor agregado a partir de todos los valores del array. Mientras que map() se utiliza para transformar cada elemento de un array y devolver un nuevo array con esos elementos modificados, reduce() permite realizar una operación acumulativa en todos los valores del array y retornar un único resultado. En este caso, si el objetivo es entrar a cada uno de los valores del array de amounts, reduce() podría ser útil para obtener la suma total de todos los valores, por ejemplo.
Maximiliano Chamena
Hola Diana, no logré entender lo que ocurre en el: return Array(xTamaño).fill(100)... nose a que hace referencia ese 100px. gracias
Diana Martinez
con Array(xTamaño) creamos un array con cierto número de elementos, y luego a ese array lo rellenamos con fill, con el valor de 100 en cada uno de los elementos del array: [100, 100, 100, ...]
Jose Alejandro Pantoja Giraldo
Busquen los conceptos de:
Alberto Ivan Cortez Malacara
Alberto Ivan Cortez Malacara
const points = amounts.value .map((amount, index) => { const x = (index / (amounts.value.length - 1)) * 300 const y = 90 - (amount / Math.max(...amounts.value)) * 90 return `${x},${y}` }) .join(' ')
Los 3 puntos hacen referencia al spread operator, la profe dijo que para el método Math.min() y Math.max() se deben de agregar una serie de argumentos, mas no un array, es decir, de la siguiente forma:
Math.min(10, 20, 30, -20);
no de esta
const numberList = [10, 20, 30, -20]; Math.min(numberList);
El spread operator lo que hace es que distribuye los elementos de un elemento iterable en el contexto en el que se encuentre...
En este enlace escribí un post específicamente dedicado al uso del spread operator 🤗 https://www.instagram.com/p/CiYlipBLsEF/
Yo hice esta variante, espero les funcione
const points = amounts.value .map((amount, index) => { const x = (index / (amounts.value.length - 1)) * 300 const y = 90 - (amount / Math.max(...amounts.value)) * 90 return `${x},${y}` }) .join(' ') ```const points = amounts.value .map((amount, index) => { const x = (index / (amounts.value.length - 1)) \* 300 const y = 90 - (amount / Math.max(...amounts.value)) \* 90 return `${x},${y}` }) .join(' ')
