--- id: 587d7fa9367417b2b2512bcf challengeType: 6 forumTopicId: 301486 title: 动态更改每个条的高度 --- ## Description
和动态设置 x 值一样,每组的高也可以被设置成数组中数据点的值。 ```js selection.attr("property", (d, i) => { /* * d is the data point value * i is the index of the data point in the array */ }) ```
## Instructions
改变 height 属性的回调函数,让它返回数据值乘以 3 的值。 提示
记住,把所有数据点乘以相同的常数来对数据进行缩放(就像放大)。这有利于看清例子中每组之间的差异。
## Tests
```yml tests: - text: 第一个 rectheight 应该为 36。 testString: assert($('rect').eq(0).attr('height') == '36'); - text: 第二个 rectheight 应该为 93。 testString: assert($('rect').eq(1).attr('height') == '93'); - text: 第三个 rectheight 应该为 66。 testString: assert($('rect').eq(2).attr('height') == '66'); - text: 第四个 rectheight 应该为 51。 testString: assert($('rect').eq(3).attr('height') == '51'); - text: 第五个 rectheight 应该为 75。 testString: assert($('rect').eq(4).attr('height') == '75'); - text: 第六个 rectheight 应该为 54。 testString: assert($('rect').eq(5).attr('height') == '54'); - text: 第七个 rectheight 应该为 87。 testString: assert($('rect').eq(6).attr('height') == '87'); - text: 第八个 rectheight 应该为 42。 testString: assert($('rect').eq(7).attr('height') == '42'); - text: 第九个 rectheight 应该为 27。 testString: assert($('rect').eq(8).attr('height') == '27'); ```
## Challenge Seed
```html ```
## Solution
```html ```