---
id: 587d7fa8367417b2b2512bca
title: Change the Presentation of a Bar Chart
challengeType: 6
videoUrl: ''
localeTitle: Cambiar la presentación de un gráfico de barras
---
## Description
El último desafío creó un gráfico de barras, pero hay un par de cambios de formato que podrían mejorarlo: 1) Agregue espacio entre cada barra para separarlos visualmente, lo que se hace agregando un margen al CSS para la clase de bar
2) Aumentar la altura de las barras para mostrar mejor la diferencia en los valores, lo cual se hace multiplicando el valor por un número para escalar la altura
## Instructions
Primero, agregue un margin
de 2px a la clase de bar
en la etiqueta de style
. A continuación, cambie la función de devolución de llamada en el método style()
para que devuelva un valor 10 veces el valor de los datos originales (más el "px"). Nota
Multiplicar cada punto de datos por la misma constante solo altera la escala. Es como acercarse y no cambia el significado de los datos subyacentes.
## Tests
```yml
tests:
- text: El primer div
debe tener una height
de 120 píxeles y un margin
de 2 píxeles.
testString: 'assert($("div").eq(0).css("height") == "120px" && $("div").eq(0).css("margin-right") == "2px", "The first div
should have a height
of 120 pixels and a margin
of 2 pixels.");'
- text: El segundo div
debe tener una height
de 310 píxeles y un margin
de 2 píxeles.
testString: 'assert($("div").eq(1).css("height") == "310px" && $("div").eq(1).css("margin-right") == "2px", "The second div
should have a height
of 310 pixels and a margin
of 2 pixels.");'
- text: El tercer div
debe tener una height
de 220 píxeles y un margin
de 2 píxeles.
testString: 'assert($("div").eq(2).css("height") == "220px" && $("div").eq(2).css("margin-right") == "2px", "The third div
should have a height
of 220 pixels and a margin
of 2 pixels.");'
- text: El cuarto div
debe tener una height
de 170 píxeles y un margin
de 2 píxeles.
testString: 'assert($("div").eq(3).css("height") == "170px" && $("div").eq(3).css("margin-right") == "2px", "The fourth div
should have a height
of 170 pixels and a margin
of 2 pixels.");'
- text: El quinto div
debe tener una height
de 250 píxeles y un margin
de 2 píxeles.
testString: 'assert($("div").eq(4).css("height") == "250px" && $("div").eq(4).css("margin-right") == "2px", "The fifth div
should have a height
of 250 pixels and a margin
of 2 pixels.");'
- text: El sexto div
debe tener una height
de 180 píxeles y un margin
de 2 píxeles.
testString: 'assert($("div").eq(5).css("height") == "180px" && $("div").eq(5).css("margin-right") == "2px", "The sixth div
should have a height
of 180 pixels and a margin
of 2 pixels.");'
- text: El séptimo div
debe tener una height
de 290 píxeles y un margin
de 2 píxeles.
testString: 'assert($("div").eq(6).css("height") == "290px" && $("div").eq(6).css("margin-right") == "2px", "The seventh div
should have a height
of 290 pixels and a margin
of 2 pixels.");'
- text: El octavo div
debe tener una height
de 140 píxeles y un margin
de 2 píxeles.
testString: 'assert($("div").eq(7).css("height") == "140px" && $("div").eq(7).css("margin-right") == "2px", "The eighth div
should have a height
of 140 pixels and a margin
of 2 pixels.");'
- text: El noveno div
debe tener una height
de 90 píxeles y un margin
de 2 píxeles.
testString: 'assert($("div").eq(8).css("height") == "90px" && $("div").eq(8).css("margin-right") == "2px", "The ninth div
should have a height
of 90 pixels and a margin
of 2 pixels.");'
```
## Challenge Seed
## Solution
```js
// solution required
```