2018-10-12 19:37:13 +00:00
|
|
|
---
|
|
|
|
title: Add a Tooltip to a D3 Element
|
|
|
|
---
|
|
|
|
## Add a Tooltip to a D3 Element
|
|
|
|
|
2018-10-17 16:35:20 +00:00
|
|
|
### Hint 1
|
2018-10-12 19:37:13 +00:00
|
|
|
|
2018-10-17 16:35:20 +00:00
|
|
|
Use the ` .append() ` method.
|
2018-10-12 19:37:13 +00:00
|
|
|
|
2018-10-17 16:35:20 +00:00
|
|
|
### Hint 2
|
|
|
|
|
|
|
|
Use the ` .text() ` method.
|
|
|
|
|
|
|
|
### Hint 3
|
|
|
|
|
|
|
|
Chain the ` .append() ` and ` .text() ` methods.
|
|
|
|
|
|
|
|
### Hint 4
|
|
|
|
|
|
|
|
Use a callback function in the ` .text() ` method.
|
|
|
|
|
|
|
|
### Solution
|
|
|
|
|
|
|
|
Chain the following lines of code with your ` svg.selectAll("rect") ` method.
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
.append("title")
|
|
|
|
.text(d=>d);
|
|
|
|
```
|