--- id: 5d8a4cfbe6b6180ed9a1ca6b title: Part 139 challengeType: 0 dashedName: part-139 --- # --description-- Go to where you `call` the `xAxis` and create a `mouseover` event for the labels. Chain the `on` function to them, pass it the string `mouseover`, and give it a value of a "d function" that calls `drawDashboard` with `d` as the argument. It will look like this: ```js .on('mouseover', d => drawDashboard(d)) ``` So now, when you hover a label, the function will be called with the year that is being hovered. # --hints-- test-text ```js const script = $('.dashboard').siblings('script')[1].innerHTML; assert( /\.on\(('|"|`)mouseover\1, function \(d\) \{\s*return drawDashboard\(d\);\s*\}\)/g.test( script ) ); ``` # --seed-- ## --before-user-code-- ```html D3 Dashboard
``` ## --seed-contents-- ```html ``` # --solutions-- ```html ```