---
id: 587d7fa9367417b2b2512bcf
title: Dynamically Change the Height of Each Bar
challengeType: 6
videoUrl: ''
localeTitle: 动态改变每个栏的高度
---
## Description
每个条的高度可以设置为数组中数据点的值，类似于动态设置x值的方式。 selection.attr（“property”，（d，i）=> {
/ *
* d是数据点值
* i是数组中数据点的索引
* /
}）
## Instructions
更改height属性的回调函数以返回数据值乘以3. 注意
请记住，将所有数据点乘以相同的常量可以缩放数据（如放大）。在此示例中，有助于查看条形值之间的差异。
## Tests
```yml
tests:
- text: 第一个rect的height应为36。
testString: assert($('rect').eq(0).attr('height') == '36');
- text: 第二个rect的height应为93。
testString: assert($('rect').eq(1).attr('height') == '93');
- text: 第三个rect的height应为66。
testString: assert($('rect').eq(2).attr('height') == '66');
- text: 第四个rect的height应为51。
testString: assert($('rect').eq(3).attr('height') == '51');
- text: 第五个rect的height应为75。
testString: assert($('rect').eq(4).attr('height') == '75');
- text: 第六个rect的height应为54。
testString: assert($('rect').eq(5).attr('height') == '54');
- text: 第七个rect的height应为87。
testString: assert($('rect').eq(6).attr('height') == '87');
- text: 第八个rect应该有42的height 。
testString: assert($('rect').eq(7).attr('height') == '42');
- text: 第九个rect的height应为27。
testString: assert($('rect').eq(8).attr('height') == '27');
```
## Challenge Seed
## Solution
```js
// solution required
```
/section>