--- id: 587d7fa8367417b2b2512bc9 title: Update the Height of an Element Dynamically required: - src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js' challengeType: 6 videoUrl: '' localeTitle: Actualizar la altura de un elemento dinámicamente --- ## Description
Los desafíos anteriores cubrían cómo mostrar los datos de una matriz y cómo agregar clases de CSS. Puedes combinar estas lecciones para crear un gráfico de barras simple. Hay dos pasos para esto: 1) Crear un div para cada punto de datos en la matriz 2) Dar a cada div una altura dinámica, utilizando una función de devolución de llamada en el método style() que establece la altura igual al valor de los datos. establecer un estilo usando una función de devolución de llamada: selection.style("cssProperty", (d) => d)
## Instructions
Agregue el método style() al código en el editor para establecer la propiedad de height para cada elemento. Use una función de devolución de llamada para devolver el valor del punto de datos con la cadena "px" agregada.
## Tests
```yml tests: - text: El primer div debe tener una height de 12 píxeles. testString: 'assert($("div").eq(0).css("height") == "12px", "The first div should have a height of 12 pixels.");' - text: El segundo div debe tener una height de 31 píxeles. testString: 'assert($("div").eq(1).css("height") == "31px", "The second div should have a height of 31 pixels.");' - text: El tercer div debe tener una height de 22 píxeles. testString: 'assert($("div").eq(2).css("height") == "22px", "The third div should have a height of 22 pixels.");' - text: El cuarto div debe tener una height de 17 píxeles. testString: 'assert($("div").eq(3).css("height") == "17px", "The fourth div should have a height of 17 pixels.");' - text: El quinto div debe tener una height de 25 píxeles. testString: 'assert($("div").eq(4).css("height") == "25px", "The fifth div should have a height of 25 pixels.");' - text: El sexto div debe tener una height de 18 píxeles. testString: 'assert($("div").eq(5).css("height") == "18px", "The sixth div should have a height of 18 pixels.");' - text: El séptimo div debe tener una height de 29 píxeles. testString: 'assert($("div").eq(6).css("height") == "29px", "The seventh div should have a height of 29 pixels.");' - text: El octavo div debe tener una height de 14 píxeles. testString: 'assert($("div").eq(7).css("height") == "14px", "The eighth div should have a height of 14 pixels.");' - text: El noveno div debe tener una height de 9 píxeles. testString: 'assert($("div").eq(8).css("height") == "9px", "The ninth div should have a height of 9 pixels.");' ```
## Challenge Seed
```html ```
## Solution
```js // solution required ```